vlite3 1.4.16 → 1.4.18

package/composables/useSeo.d.ts

@@ -0,0 +1,34 @@
+import { InjectionKey, Ref } from 'vue';
+import { SeoContextInput } from '../components/SeoProvider/types';
+/**
+ * Mutable, reactive bag of SEO contexts. The provider owns the
+ * ref; pages push into it. We keep it as a `Map` so multiple
+ * pages on the same route (e.g. a checkout step embedded in a
+ * parent) can each contribute, and so `clear()` removes only
+ * the calling page's contribution.
+ */
+export type SeoContextBag = Ref<Map<symbol, SeoContextInput>>;
+export declare const SEO_CONTEXT_KEY: InjectionKey<SeoContextBag>;
+/**
+ * Minimal interface the page-level composable needs from the
+ * provider. Exposed as a separate type so the provider component
+ * doesn't have to import Vue's `provide` / `inject` machinery
+ * from the composable side.
+ */
+export interface SeoContextRegistrar {
+    register(input: SeoContextInput): SeoContextHandle;
+}
+/**
+ * Per-page handle. `update()` replaces the registered context
+ * in place; `clear()` removes it.
+ */
+export interface SeoContextHandle {
+    update(next: SeoContextInput): void;
+    clear(): void;
+}
+/**
+ * Public composable. Safe to call outside a provider — falls
+ * back to a no-op registrar so admin shells and one-off tests
+ * don't have to wire the provider up just to render.
+ */
+export declare const useSeo: (input?: SeoContextInput) => SeoContextHandle;

package/composables/useSeo.js

@@ -0,0 +1,28 @@
+import { inject as r, onBeforeUnmount as u } from "vue";
+const a = /* @__PURE__ */ Symbol("vlite3:seo-context"), s = (o = {}) => {
+  const e = r(a, null);
+  if (!e)
+    return {
+      update: () => {
+      },
+      clear: () => {
+      }
+    };
+  const t = /* @__PURE__ */ Symbol("vlite3:seo-context-entry");
+  e.value.set(t, o);
+  const n = {
+    update(l) {
+      e.value.set(t, l);
+    },
+    clear() {
+      e.value.delete(t);
+    }
+  };
+  return u(() => {
+    e.value.delete(t);
+  }), n;
+};
+export {
+  a as SEO_CONTEXT_KEY,
+  s as useSeo
+};

package/index.d.ts

@@ -63,8 +63,10 @@ export * from './components/AsyncSelect';
 export * from './components/ImageComparison';
 export { default as ImageMagnifier } from './components/ImageMagnifier.vue';
 export * from './components/ThemeProvider';
+export * from './components/SeoProvider';
 export * from './components/ScaleGenerator';
 export { THEME_STYLES_KEY, useThemeStyles } from './composables/useThemeStyles';
+export { useSeo, SEO_CONTEXT_KEY, type SeoContextBag, type SeoContextHandle } from './composables/useSeo';
 export { default as Icon } from './components/Icon.vue';
 export { default as Logo } from './components/Logo.vue';
 export { default as Alert } from './components/Alert.vue';