@unhead/vue 1.8.0-beta.8 → 1.8.0

package/dist/components.cjs

@@ -52,7 +52,6 @@ function vnodesToHeadObj(nodes) {
   return obj;
 }
 const Head = /* @__PURE__ */ vue.defineComponent({
-  // eslint-disable-next-line vue/no-reserved-component-names
   name: "Head",
   setup(_, { slots }) {
     const head = injectHead.injectHead();

package/dist/components.mjs

@@ -50,7 +50,6 @@ function vnodesToHeadObj(nodes) {
   return obj;
 }
 const Head = /* @__PURE__ */ defineComponent({
-  // eslint-disable-next-line vue/no-reserved-component-names
   name: "Head",
   setup(_, { slots }) {
     const head = injectHead();

package/dist/index.cjs

@@ -94,20 +94,16 @@ function useServerSeoMeta(input, options) {
   return useSeoMeta(input, { ...options || {}, mode: "server" });
 }
 
-function useScript(_input, _options) {
+function useScript(input, _options) {
   const head = injectHead.injectHead();
   const ctx = vue.getCurrentInstance();
-  const input = injectHead.resolveUnrefHeadInput(_input) || {};
   const options = _options || {};
   options.head = head;
   const status = vue.ref("awaitingLoad");
   shared.NetworkEvents.forEach((fn) => {
     const _fn = typeof input[fn] === "function" ? input[fn].bind(ctx) : null;
-    if (_fn || fn === "onload" || fn === "onerror") {
-      input[fn] = (e) => {
-        status.value = fn === "onload" ? "loaded" : fn === "onerror" ? "error" : "loading";
-        _fn && _fn(e);
-      };
+    if (_fn) {
+      input[fn] = (e) => _fn(e);
     }
   });
   options.stub = ({ script, fn }) => {
@@ -119,7 +115,16 @@ function useScript(_input, _options) {
       };
     }
   };
-  return unhead.useScript(input, options);
+  const instance = unhead.useScript(input, options);
+  function syncStatus({ script }) {
+    if (script.id === instance.$script.id) {
+      status.value = script.status;
+      if (script.status === "removed")
+        head.hooks.removeHook(`script:updated`, syncStatus);
+    }
+  }
+  head.hooks.hook(`script:updated`, syncStatus);
+  return instance;
 }
 
 exports.CapoPlugin = unhead.CapoPlugin;

package/dist/index.d.cts

@@ -2,8 +2,8 @@ export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
 import * as _unhead_schema from '@unhead/schema';
 import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, UseScriptInput, UseScriptOptions } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
-import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as UseSeoMetaInput } from './shared/vue.44f175ba.cjs';
-export { e as Base, B as BodyAttr, i as BodyAttributes, H as HtmlAttr, h as HtmlAttributes, L as Link, k as MaybeComputedRefOrPromise, j as MaybeReadonlyRef, f as Meta, N as Noscript, g as Script, S as Style, T as Title, d as TitleTemplate } from './shared/vue.44f175ba.cjs';
+import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as UseSeoMetaInput, d as MaybeComputedRefEntriesOnly } from './shared/vue.a001678c.cjs';
+export { f as Base, B as BodyAttr, j as BodyAttributes, H as HtmlAttr, i as HtmlAttributes, L as Link, l as MaybeComputedRefOrPromise, k as MaybeReadonlyRef, g as Meta, N as Noscript, h as Script, S as Style, T as Title, e as TitleTemplate } from './shared/vue.a001678c.cjs';
 import { Plugin, ComputedRef, Ref } from 'vue';
 
 interface HeadSafe extends Pick<ReactiveHead, 'title' | 'titleTemplate' | 'templateParams'> {
@@ -56,8 +56,10 @@ interface VueScriptInstance<T> extends Omit<ScriptInstance<T>, 'loaded' | 'statu
     loaded: ComputedRef<boolean>;
     status: Ref<UseScriptStatus>;
 }
-declare function useScript<T>(_input: MaybeComputedRefEntries<UseScriptInput>, _options?: UseScriptOptions<T>): T & {
+declare function useScript<T>(input: MaybeComputedRefEntriesOnly<Omit<UseScriptInput, 'src'>> & {
+    src: string;
+}, _options?: UseScriptOptions<T>): T & {
     $script: VueScriptInstance<T>;
 };
 
-export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/index.d.mts

@@ -2,8 +2,8 @@ export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
 import * as _unhead_schema from '@unhead/schema';
 import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, UseScriptInput, UseScriptOptions } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
-import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as UseSeoMetaInput } from './shared/vue.44f175ba.mjs';
-export { e as Base, B as BodyAttr, i as BodyAttributes, H as HtmlAttr, h as HtmlAttributes, L as Link, k as MaybeComputedRefOrPromise, j as MaybeReadonlyRef, f as Meta, N as Noscript, g as Script, S as Style, T as Title, d as TitleTemplate } from './shared/vue.44f175ba.mjs';
+import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as UseSeoMetaInput, d as MaybeComputedRefEntriesOnly } from './shared/vue.a001678c.mjs';
+export { f as Base, B as BodyAttr, j as BodyAttributes, H as HtmlAttr, i as HtmlAttributes, L as Link, l as MaybeComputedRefOrPromise, k as MaybeReadonlyRef, g as Meta, N as Noscript, h as Script, S as Style, T as Title, e as TitleTemplate } from './shared/vue.a001678c.mjs';
 import { Plugin, ComputedRef, Ref } from 'vue';
 
 interface HeadSafe extends Pick<ReactiveHead, 'title' | 'titleTemplate' | 'templateParams'> {
@@ -56,8 +56,10 @@ interface VueScriptInstance<T> extends Omit<ScriptInstance<T>, 'loaded' | 'statu
     loaded: ComputedRef<boolean>;
     status: Ref<UseScriptStatus>;
 }
-declare function useScript<T>(_input: MaybeComputedRefEntries<UseScriptInput>, _options?: UseScriptOptions<T>): T & {
+declare function useScript<T>(input: MaybeComputedRefEntriesOnly<Omit<UseScriptInput, 'src'>> & {
+    src: string;
+}, _options?: UseScriptOptions<T>): T & {
     $script: VueScriptInstance<T>;
 };
 
-export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/index.d.ts

@@ -2,8 +2,8 @@ export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
 import * as _unhead_schema from '@unhead/schema';
 import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, UseScriptInput, UseScriptOptions } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
-import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as UseSeoMetaInput } from './shared/vue.44f175ba.js';
-export { e as Base, B as BodyAttr, i as BodyAttributes, H as HtmlAttr, h as HtmlAttributes, L as Link, k as MaybeComputedRefOrPromise, j as MaybeReadonlyRef, f as Meta, N as Noscript, g as Script, S as Style, T as Title, d as TitleTemplate } from './shared/vue.44f175ba.js';
+import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as UseSeoMetaInput, d as MaybeComputedRefEntriesOnly } from './shared/vue.a001678c.js';
+export { f as Base, B as BodyAttr, j as BodyAttributes, H as HtmlAttr, i as HtmlAttributes, L as Link, l as MaybeComputedRefOrPromise, k as MaybeReadonlyRef, g as Meta, N as Noscript, h as Script, S as Style, T as Title, e as TitleTemplate } from './shared/vue.a001678c.js';
 import { Plugin, ComputedRef, Ref } from 'vue';
 
 interface HeadSafe extends Pick<ReactiveHead, 'title' | 'titleTemplate' | 'templateParams'> {
@@ -56,8 +56,10 @@ interface VueScriptInstance<T> extends Omit<ScriptInstance<T>, 'loaded' | 'statu
     loaded: ComputedRef<boolean>;
     status: Ref<UseScriptStatus>;
 }
-declare function useScript<T>(_input: MaybeComputedRefEntries<UseScriptInput>, _options?: UseScriptOptions<T>): T & {
+declare function useScript<T>(input: MaybeComputedRefEntriesOnly<Omit<UseScriptInput, 'src'>> & {
+    src: string;
+}, _options?: UseScriptOptions<T>): T & {
     $script: VueScriptInstance<T>;
 };
 
-export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { useScript as useScript$1 } from 'unhead';
 export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
-import { V as Vue3, h as headSymbol, i as injectHead, r as resolveUnrefHeadInput } from './shared/vue.cf295fb1.mjs';
-export { c as createHead, a as createServerHead, s as setHeadInjectionHandler } from './shared/vue.cf295fb1.mjs';
+import { V as Vue3, h as headSymbol, i as injectHead } from './shared/vue.cf295fb1.mjs';
+export { c as createHead, a as createServerHead, r as resolveUnrefHeadInput, s as setHeadInjectionHandler } from './shared/vue.cf295fb1.mjs';
 import { getCurrentInstance, ref, computed } from 'vue';
 import { u as useHead } from './shared/vue.f36acd1f.mjs';
 import { composableNames, whitelistSafeInput, unpackMeta, NetworkEvents } from '@unhead/shared';
@@ -94,20 +94,16 @@ function useServerSeoMeta(input, options) {
   return useSeoMeta(input, { ...options || {}, mode: "server" });
 }
 
-function useScript(_input, _options) {
+function useScript(input, _options) {
   const head = injectHead();
   const ctx = getCurrentInstance();
-  const input = resolveUnrefHeadInput(_input) || {};
   const options = _options || {};
   options.head = head;
   const status = ref("awaitingLoad");
   NetworkEvents.forEach((fn) => {
     const _fn = typeof input[fn] === "function" ? input[fn].bind(ctx) : null;
-    if (_fn || fn === "onload" || fn === "onerror") {
-      input[fn] = (e) => {
-        status.value = fn === "onload" ? "loaded" : fn === "onerror" ? "error" : "loading";
-        _fn && _fn(e);
-      };
+    if (_fn) {
+      input[fn] = (e) => _fn(e);
     }
   });
   options.stub = ({ script, fn }) => {
@@ -119,7 +115,16 @@ function useScript(_input, _options) {
       };
     }
   };
-  return useScript$1(input, options);
+  const instance = useScript$1(input, options);
+  function syncStatus({ script }) {
+    if (script.id === instance.$script.id) {
+      status.value = script.status;
+      if (script.status === "removed")
+        head.hooks.removeHook(`script:updated`, syncStatus);
+    }
+  }
+  head.hooks.hook(`script:updated`, syncStatus);
+  return instance;
 }
 
-export { Vue2ProvideUnheadPlugin, VueHeadMixin, injectHead, resolveUnrefHeadInput, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { Vue2ProvideUnheadPlugin, VueHeadMixin, injectHead, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/polyfill.d.cts

@@ -1,5 +1,5 @@
 import { MergeHead } from '@unhead/schema';
-import { V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions } from './shared/vue.44f175ba.cjs';
+import { V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions } from './shared/vue.a001678c.cjs';
 import 'vue';
 
 type VueHeadClientPollyFill<T extends MergeHead> = VueHeadClient<T> & {

package/dist/polyfill.d.mts

@@ -1,5 +1,5 @@
 import { MergeHead } from '@unhead/schema';
-import { V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions } from './shared/vue.44f175ba.mjs';
+import { V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions } from './shared/vue.a001678c.mjs';
 import 'vue';
 
 type VueHeadClientPollyFill<T extends MergeHead> = VueHeadClient<T> & {

package/dist/polyfill.d.ts

@@ -1,5 +1,5 @@
 import { MergeHead } from '@unhead/schema';
-import { V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions } from './shared/vue.44f175ba.js';
+import { V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions } from './shared/vue.a001678c.js';
 import 'vue';
 
 type VueHeadClientPollyFill<T extends MergeHead> = VueHeadClient<T> & {

package/dist/shared/{vue.44f175ba.d.cts → vue.a001678c.d.cts}

@@ -7,6 +7,9 @@ type MaybeComputedRefOrPromise<T> = T | MaybeReadonlyRef<T> | Ref<T> | Promise<T
 type MaybeComputedRefEntries<T> = MaybeComputedRef<T> | {
     [key in keyof T]?: MaybeComputedRefOrPromise<T[key]>;
 };
+type MaybeComputedRefEntriesOnly<T> = {
+    [key in keyof T]?: MaybeComputedRefOrPromise<T[key]>;
+};
 
 interface HtmlAttr extends Omit<BaseHtmlAttr, 'class'> {
     /**
@@ -116,4 +119,4 @@ type UseSeoMetaInput = MaybeComputedRefEntries<MetaFlatInput> & {
 };
 type VueHeadClient<T extends MergeHead> = Unhead<MaybeComputedRef<ReactiveHead<T>>> & Plugin;
 
-export type { BodyAttr as B, HtmlAttr as H, Link as L, MaybeComputedRefEntries as M, Noscript as N, ReactiveHead as R, Style as S, Title as T, UseHeadInput as U, VueHeadClient as V, MaybeComputedRef as a, UseHeadOptions as b, UseSeoMetaInput as c, TitleTemplate as d, Base as e, Meta as f, Script as g, HtmlAttributes as h, BodyAttributes as i, MaybeReadonlyRef as j, MaybeComputedRefOrPromise as k };
+export type { BodyAttr as B, HtmlAttr as H, Link as L, MaybeComputedRefEntries as M, Noscript as N, ReactiveHead as R, Style as S, Title as T, UseHeadInput as U, VueHeadClient as V, MaybeComputedRef as a, UseHeadOptions as b, UseSeoMetaInput as c, MaybeComputedRefEntriesOnly as d, TitleTemplate as e, Base as f, Meta as g, Script as h, HtmlAttributes as i, BodyAttributes as j, MaybeReadonlyRef as k, MaybeComputedRefOrPromise as l };

package/dist/shared/{vue.44f175ba.d.mts → vue.a001678c.d.mts}

@@ -7,6 +7,9 @@ type MaybeComputedRefOrPromise<T> = T | MaybeReadonlyRef<T> | Ref<T> | Promise<T
 type MaybeComputedRefEntries<T> = MaybeComputedRef<T> | {
     [key in keyof T]?: MaybeComputedRefOrPromise<T[key]>;
 };
+type MaybeComputedRefEntriesOnly<T> = {
+    [key in keyof T]?: MaybeComputedRefOrPromise<T[key]>;
+};
 
 interface HtmlAttr extends Omit<BaseHtmlAttr, 'class'> {
     /**
@@ -116,4 +119,4 @@ type UseSeoMetaInput = MaybeComputedRefEntries<MetaFlatInput> & {
 };
 type VueHeadClient<T extends MergeHead> = Unhead<MaybeComputedRef<ReactiveHead<T>>> & Plugin;
 
-export type { BodyAttr as B, HtmlAttr as H, Link as L, MaybeComputedRefEntries as M, Noscript as N, ReactiveHead as R, Style as S, Title as T, UseHeadInput as U, VueHeadClient as V, MaybeComputedRef as a, UseHeadOptions as b, UseSeoMetaInput as c, TitleTemplate as d, Base as e, Meta as f, Script as g, HtmlAttributes as h, BodyAttributes as i, MaybeReadonlyRef as j, MaybeComputedRefOrPromise as k };
+export type { BodyAttr as B, HtmlAttr as H, Link as L, MaybeComputedRefEntries as M, Noscript as N, ReactiveHead as R, Style as S, Title as T, UseHeadInput as U, VueHeadClient as V, MaybeComputedRef as a, UseHeadOptions as b, UseSeoMetaInput as c, MaybeComputedRefEntriesOnly as d, TitleTemplate as e, Base as f, Meta as g, Script as h, HtmlAttributes as i, BodyAttributes as j, MaybeReadonlyRef as k, MaybeComputedRefOrPromise as l };

package/dist/shared/{vue.44f175ba.d.ts → vue.a001678c.d.ts}

@@ -7,6 +7,9 @@ type MaybeComputedRefOrPromise<T> = T | MaybeReadonlyRef<T> | Ref<T> | Promise<T
 type MaybeComputedRefEntries<T> = MaybeComputedRef<T> | {
     [key in keyof T]?: MaybeComputedRefOrPromise<T[key]>;
 };
+type MaybeComputedRefEntriesOnly<T> = {
+    [key in keyof T]?: MaybeComputedRefOrPromise<T[key]>;
+};
 
 interface HtmlAttr extends Omit<BaseHtmlAttr, 'class'> {
     /**
@@ -116,4 +119,4 @@ type UseSeoMetaInput = MaybeComputedRefEntries<MetaFlatInput> & {
 };
 type VueHeadClient<T extends MergeHead> = Unhead<MaybeComputedRef<ReactiveHead<T>>> & Plugin;
 
-export type { BodyAttr as B, HtmlAttr as H, Link as L, MaybeComputedRefEntries as M, Noscript as N, ReactiveHead as R, Style as S, Title as T, UseHeadInput as U, VueHeadClient as V, MaybeComputedRef as a, UseHeadOptions as b, UseSeoMetaInput as c, TitleTemplate as d, Base as e, Meta as f, Script as g, HtmlAttributes as h, BodyAttributes as i, MaybeReadonlyRef as j, MaybeComputedRefOrPromise as k };
+export type { BodyAttr as B, HtmlAttr as H, Link as L, MaybeComputedRefEntries as M, Noscript as N, ReactiveHead as R, Style as S, Title as T, UseHeadInput as U, VueHeadClient as V, MaybeComputedRef as a, UseHeadOptions as b, UseSeoMetaInput as c, MaybeComputedRefEntriesOnly as d, TitleTemplate as e, Base as f, Meta as g, Script as h, HtmlAttributes as i, BodyAttributes as j, MaybeReadonlyRef as k, MaybeComputedRefOrPromise as l };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "1.8.0-beta.8",
+  "version": "1.8.0",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -48,12 +48,12 @@
   },
   "dependencies": {
     "hookable": "^5.5.3",
-    "@unhead/schema": "1.8.0-beta.8",
-    "@unhead/shared": "1.8.0-beta.8",
-    "unhead": "1.8.0-beta.8"
+    "@unhead/schema": "1.8.0",
+    "@unhead/shared": "1.8.0",
+    "unhead": "1.8.0"
   },
   "devDependencies": {
-    "vue": "^3.3.4"
+    "vue": "^3.3.7"
   },
   "scripts": {
     "build": "unbuild .",