@nuxt/scripts 0.7.0 → 0.7.2

package/dist/runtime/components/ScriptYouTubePlayer.vue

@@ -1,171 +1,174 @@
-<script setup lang="ts">
-/// <reference types="youtube" />
-import { computed, onMounted, ref, watch } from 'vue'
-import type { HTMLAttributes, ImgHTMLAttributes, Ref } from 'vue'
-import { defu } from 'defu'
-import type { ElementScriptTrigger } from '../types'
-import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
-import { useScriptYouTubePlayer } from '../registry/youtube-player'
-import { useHead } from '#imports'
-
-const props = withDefaults(defineProps<{
-  placeholderAttrs?: ImgHTMLAttributes
-  rootAttrs?: HTMLAttributes
-  aboveTheFold?: boolean
-  trigger?: ElementScriptTrigger
-  videoId: string
-  playerVars?: YT.PlayerVars
-  width?: number
-  height?: number
-}>(), {
-  trigger: 'mousedown',
-  // @ts-expect-error untyped
-  playerVars: { autoplay: 0, playsinline: 1 },
-  width: 640,
-  height: 480,
-})
-
-const emits = defineEmits<{
-  'ready': [e: YT.PlayerEvent]
-  'state-change': [e: YT.OnStateChangeEvent, target: YT.Player]
-  'playback-quality-change': [e: YT.OnPlaybackQualityChangeEvent, target: YT.Player]
-  'playback-rate-change': [e: YT.OnPlaybackRateChangeEvent, target: YT.Player]
-  'error': [e: YT.OnErrorEvent, target: YT.Player]
-}>()
-const events: (keyof YT.Events)[] = [
-  'onReady',
-  'onStateChange',
-  'onPlaybackQualityChange',
-  'onPlaybackRateChange',
-  'onError',
-  'onApiChange',
-]
-const rootEl = ref()
-const youtubeEl = ref()
-const ready = ref(false)
-const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
-const { onLoaded, status } = useScriptYouTubePlayer({
-  scriptOptions: {
-    trigger,
-  },
-})
-
-const player: Ref<YT.Player | undefined> = ref()
-let clickTriggered = false
-if (props.trigger === 'mousedown') {
-  trigger.then(() => {
-    clickTriggered = true
-  })
-}
-onMounted(() => {
-  onLoaded(async (instance) => {
-    const YouTube: typeof YT & { ready: (fn: () => void) => void } = await instance.YT
-    await new Promise<void>((resolve) => {
-      if (typeof YT.Player === 'undefined')
-        YouTube.ready(resolve)
-      else
-        resolve()
-    })
-    player.value = new YT.Player(youtubeEl.value, {
-      ...props,
-      events: Object.fromEntries(events.map(event => [event, (e: any) => {
-        const emitEventName = event.replace(/([A-Z])/g, '-$1').replace('on-', '').toLowerCase()
-        // @ts-expect-error untyped
-        emits(emitEventName, e)
-        if (event === 'onReady') {
-          ready.value = true
-          if (clickTriggered) {
-            player.value?.playVideo()
-            clickTriggered = false
-          }
-          watch(() => props.videoId, () => {
-            player.value?.loadVideoById(props.videoId)
-          })
-        }
-      }])),
-    })
-  })
-  watch(status, (status) => {
-    if (status === 'error') {
-      // @ts-expect-error untyped
-      emits('error')
-    }
-  })
-})
-
-defineExpose({
-  player,
-})
-
-const rootAttrs = computed(() => {
-  return defu(props.rootAttrs, {
-    'aria-busy': status.value === 'loading',
-    'aria-label': status.value === 'awaitingLoad'
-      ? 'YouTube Player - Placeholder'
-      : status.value === 'loading'
-        ? 'YouTube Player - Loading'
-        : 'YouTube Player - Loaded',
-    'aria-live': 'polite',
-    'role': 'application',
-    'style': {
-      cursor: 'pointer',
-      position: 'relative',
-      backgroundColor: 'black',
-      maxWidth: '100%',
-      width: `${props.width}px`,
-      height: `'auto'`,
-      aspectRatio: `${props.width}/${props.height}`,
-    },
-  }) as HTMLAttributes
-})
-
-const placeholder = computed(() => `https://i.ytimg.com/vi_webp/${props.videoId}/sddefault.webp`)
-
-if (import.meta.server) {
-  // dns-prefetch https://i.vimeocdn.com
-  useHead({
-    link: [
-      {
-        rel: props.aboveTheFold ? 'preconnect' : 'dns-prefetch',
-        href: 'https://i.ytimg.com',
-      },
-      props.aboveTheFold
-        // we can preload the placeholder image
-        ? {
-            rel: 'preload',
-            as: 'image',
-            href: placeholder.value,
-          }
-        : {},
-    ],
-  })
-}
-
-const placeholderAttrs = computed(() => {
-  return defu(props.placeholderAttrs, {
-    src: placeholder.value,
-    alt: '',
-    loading: props.aboveTheFold ? 'eager' : 'lazy',
-    style: {
-      width: '100%',
-      objectFit: 'contain',
-      height: '100%',
-    },
-  } satisfies ImgHTMLAttributes)
-})
-</script>
-
-<template>
-  <div ref="rootEl" v-bind="rootAttrs">
-    <div ref="youtubeEl" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;" />
-    <slot v-if="!ready" :placeholder="placeholder" name="placeholder">
-      <img v-bind="placeholderAttrs">
-    </slot>
-    <slot v-if="status === 'loading'" name="loading">
-      <ScriptLoadingIndicator />
-    </slot>
-    <slot v-if="status === 'awaitingLoad'" name="awaitingLoad" />
-    <slot v-else-if="status === 'error'" name="error" />
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+/// <reference types="youtube" />
+import { computed, onMounted, ref, watch } from 'vue'
+import type { HTMLAttributes, ImgHTMLAttributes, Ref } from 'vue'
+import { defu } from 'defu'
+import type { ElementScriptTrigger } from '../types'
+import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
+import { useScriptYouTubePlayer } from '../registry/youtube-player'
+import { useHead } from '#imports'
+
+const props = withDefaults(defineProps<{
+  placeholderAttrs?: ImgHTMLAttributes
+  rootAttrs?: HTMLAttributes
+  aboveTheFold?: boolean
+  trigger?: ElementScriptTrigger
+  videoId: string
+  playerVars?: YT.PlayerVars
+  width?: number
+  height?: number
+}>(), {
+  trigger: 'mousedown',
+  // @ts-expect-error untyped
+  playerVars: { autoplay: 0, playsinline: 1 },
+  width: 640,
+  height: 480,
+})
+
+const emits = defineEmits<{
+  'ready': [e: YT.PlayerEvent]
+  'state-change': [e: YT.OnStateChangeEvent, target: YT.Player]
+  'playback-quality-change': [e: YT.OnPlaybackQualityChangeEvent, target: YT.Player]
+  'playback-rate-change': [e: YT.OnPlaybackRateChangeEvent, target: YT.Player]
+  'error': [e: YT.OnErrorEvent, target: YT.Player]
+}>()
+const events: (keyof YT.Events)[] = [
+  'onReady',
+  'onStateChange',
+  'onPlaybackQualityChange',
+  'onPlaybackRateChange',
+  'onError',
+  'onApiChange',
+]
+const rootEl = ref()
+const youtubeEl = ref()
+const ready = ref(false)
+const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
+const { onLoaded, status } = useScriptYouTubePlayer({
+  scriptOptions: {
+    trigger,
+  },
+})
+
+const player: Ref<YT.Player | undefined> = ref()
+let clickTriggered = false
+if (props.trigger === 'mousedown' && trigger instanceof Promise) {
+  trigger.then(() => {
+    clickTriggered = true
+  })
+}
+onMounted(() => {
+  onLoaded(async (instance) => {
+    const YouTube: typeof YT & { ready: (fn: () => void) => void } = await instance.YT
+    await new Promise<void>((resolve) => {
+      if (typeof YT.Player === 'undefined')
+        YouTube.ready(resolve)
+      else
+        resolve()
+    })
+    player.value = new YT.Player(youtubeEl.value, {
+      ...props,
+      events: Object.fromEntries(events.map(event => [event, (e: any) => {
+        const emitEventName = event.replace(/([A-Z])/g, '-$1').replace('on-', '').toLowerCase()
+        // @ts-expect-error untyped
+        emits(emitEventName, e)
+        if (event === 'onReady') {
+          ready.value = true
+          if (clickTriggered) {
+            player.value?.playVideo()
+            clickTriggered = false
+          }
+          watch(() => props.videoId, () => {
+            player.value?.loadVideoById(props.videoId)
+          })
+        }
+      }])),
+    })
+  })
+  watch(status, (status) => {
+    if (status === 'error') {
+      // @ts-expect-error untyped
+      emits('error')
+    }
+  })
+})
+
+defineExpose({
+  player,
+})
+
+const rootAttrs = computed(() => {
+  return defu(props.rootAttrs, {
+    'aria-busy': status.value === 'loading',
+    'aria-label': status.value === 'awaitingLoad'
+      ? 'YouTube Player - Placeholder'
+      : status.value === 'loading'
+        ? 'YouTube Player - Loading'
+        : 'YouTube Player - Loaded',
+    'aria-live': 'polite',
+    'role': 'application',
+    'style': {
+      cursor: 'pointer',
+      position: 'relative',
+      backgroundColor: 'black',
+      maxWidth: '100%',
+      width: `${props.width}px`,
+      height: `'auto'`,
+      aspectRatio: `${props.width}/${props.height}`,
+    },
+    ...(trigger instanceof Promise ? trigger.ssrAttrs || {} : {}),
+  }) as HTMLAttributes
+})
+
+const placeholder = computed(() => `https://i.ytimg.com/vi_webp/${props.videoId}/sddefault.webp`)
+
+if (import.meta.server) {
+  // dns-prefetch https://i.vimeocdn.com
+  useHead({
+    link: [
+      {
+        key: `nuxt-script-youtube-img`,
+        rel: props.aboveTheFold ? 'preconnect' : 'dns-prefetch',
+        href: 'https://i.ytimg.com',
+      },
+      props.aboveTheFold
+        // we can preload the placeholder image
+        ? {
+            key: `nuxt-script-youtube-img`,
+            rel: 'preload',
+            as: 'image',
+            href: placeholder.value,
+          }
+        : {},
+    ],
+  })
+}
+
+const placeholderAttrs = computed(() => {
+  return defu(props.placeholderAttrs, {
+    src: placeholder.value,
+    alt: '',
+    loading: props.aboveTheFold ? 'eager' : 'lazy',
+    style: {
+      width: '100%',
+      objectFit: 'contain',
+      height: '100%',
+    },
+  } satisfies ImgHTMLAttributes)
+})
+</script>
+
+<template>
+  <div ref="rootEl" v-bind="rootAttrs">
+    <div ref="youtubeEl" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;" />
+    <slot v-if="!ready" :placeholder="placeholder" name="placeholder">
+      <img v-bind="placeholderAttrs">
+    </slot>
+    <slot v-if="status === 'loading'" name="loading">
+      <ScriptLoadingIndicator />
+    </slot>
+    <slot v-if="status === 'awaitingLoad'" name="awaitingLoad" />
+    <slot v-else-if="status === 'error'" name="error" />
+    <slot />
+  </div>
+</template>

package/dist/runtime/composables/useScript.js

@@ -1,23 +1,38 @@
 import { resolveScriptKey } from "unhead";
 import { defu } from "defu";
 import { useScript as _useScript } from "@unhead/vue";
-import { injectHead, onNuxtReady, useNuxtApp, useRuntimeConfig, reactive } from "#imports";
+import { injectHead, onNuxtReady, useHead, useNuxtApp, useRuntimeConfig, reactive } from "#imports";
 function useNuxtScriptRuntimeConfig() {
   return useRuntimeConfig().public["nuxt-scripts"];
 }
 export function useScript(input, options) {
   input = typeof input === "string" ? { src: input } : input;
   options = defu(options, useNuxtScriptRuntimeConfig()?.defaultScriptOptions);
-  if (options.trigger === "onNuxtReady")
+  const rel = options.trigger === "onNuxtReady" ? "preload" : "preconnect";
+  const id = resolveScriptKey(input);
+  if (options.trigger !== "server" && (rel === "preload" || !input.src.startsWith("/"))) {
+    useHead({
+      link: [
+        {
+          rel,
+          as: rel === "preload" ? "script" : void 0,
+          href: input.src,
+          crossorigin: input.src.startsWith("/") ? void 0 : typeof input.crossorigin !== "undefined" ? input.crossorigin : "anonymous",
+          key: `nuxt-script-${id}`,
+          tagPriority: rel === "preload" ? "high" : 0,
+          fetchpriority: "low"
+        }
+      ]
+    });
+  }
+  if (options.trigger === "onNuxtReady") {
     options.trigger = onNuxtReady;
+  }
   const nuxtApp = useNuxtApp();
-  const id = resolveScriptKey(input);
   nuxtApp.$scripts = nuxtApp.$scripts || reactive({});
-  if (nuxtApp.$scripts[id]) {
-    return nuxtApp.$scripts[id];
-  }
+  const exists = !!nuxtApp.$scripts?.[id];
   if (import.meta.client) {
-    if (!nuxtApp._scripts?.[id]) {
+    if (!exists) {
       performance?.mark?.("mark_feature_usage", {
         detail: {
           feature: options.performanceMarkFeature ?? `nuxt-scripts:${id}`
@@ -32,6 +47,9 @@ export function useScript(input, options) {
       nuxtApp._scripts[instance.id] = payload;
       nuxtApp.hooks.callHook("scripts:updated", { scripts: nuxtApp._scripts });
     };
+    if (exists) {
+      return instance;
+    }
     const payload = {
       ...options.devtools,
       src: input.src,

package/dist/runtime/composables/useScriptTriggerElement.d.ts

@@ -14,4 +14,6 @@ export interface ElementScriptTriggerOptions {
 /**
  * Create a trigger for an element to load a script based on specific element events.
  */
-export declare function useScriptTriggerElement(options: ElementScriptTriggerOptions): Promise<void>;
+export declare function useScriptTriggerElement(options: ElementScriptTriggerOptions): Promise<void> & {
+    ssrAttrs?: Record<string, string>;
+} | 'onNuxtReady';

package/dist/runtime/composables/useScriptTriggerElement.js

@@ -2,9 +2,11 @@ import {
   useEventListener,
   useIntersectionObserver
 } from "@vueuse/core";
+import { tryOnScopeDispose, tryOnMounted } from "@vueuse/shared";
+import { watch } from "vue";
 function useElementVisibilityPromise(element) {
   let observer;
-  return new Promise((resolve) => {
+  return new Promise((resolve, reject) => {
     observer = useIntersectionObserver(
       element,
       (intersectionObserverEntries) => {
@@ -18,32 +20,57 @@ function useElementVisibilityPromise(element) {
         threshold: 0
       }
     );
+    tryOnScopeDispose(reject);
+  }).catch(() => {
   }).finally(() => {
     observer.stop();
   });
 }
 export function useScriptTriggerElement(options) {
   const { el, trigger } = options;
-  if (import.meta.server || !el)
-    return new Promise(() => {
-    });
   const triggers = (Array.isArray(options.trigger) ? options.trigger : [options.trigger]).filter(Boolean);
-  if (el && triggers.some((t) => ["visibility", "visible"].includes(t)))
+  if (!trigger || triggers.includes("immediate") || triggers.includes("onNuxtReady")) {
+    return "onNuxtReady";
+  }
+  if (triggers.some((t) => ["visibility", "visible"].includes(t))) {
+    if (import.meta.server || !el)
+      return new Promise(() => {
+      });
     return useElementVisibilityPromise(el);
-  if (!trigger)
-    return Promise.resolve();
-  if (!triggers.includes("immediate")) {
-    return new Promise((resolve) => {
-      const _ = useEventListener(
-        typeof el !== "undefined" ? el : document.body,
-        triggers,
-        () => {
-          resolve();
-          _();
-        },
-        { once: true, passive: true }
-      );
+  }
+  const ssrAttrs = {};
+  if (import.meta.server) {
+    triggers.forEach((trigger2) => {
+      ssrAttrs[`on${trigger2}`] = `this.dataset.script_${trigger2} = true`;
     });
   }
-  return Promise.resolve();
+  const p = new Promise((resolve, reject) => {
+    const target = typeof el !== "undefined" ? el : document.body;
+    const _ = useEventListener(
+      target,
+      triggers,
+      () => {
+        _();
+        resolve();
+      },
+      { once: true, passive: true }
+    );
+    tryOnMounted(() => {
+      watch(target, ($el) => {
+        if ($el) {
+          triggers.forEach((trigger2) => {
+            if ($el.dataset[`script_${trigger2}`]) {
+              _();
+              resolve();
+            }
+          });
+        }
+      }, {
+        immediate: true
+      });
+    });
+    tryOnScopeDispose(reject);
+  }).catch(() => {
+  });
+  return Object.assign(p, { ssrAttrs });
 }

package/dist/runtime/registry/google-adsense.js

@@ -1,6 +1,5 @@
-import { optional } from "valibot";
 import { useRegistryScript } from "../utils.js";
-import { object, string } from "#nuxt-scripts-validator";
+import { object, string, optional } from "#nuxt-scripts-validator";
 import { useHead } from "#imports";
 export const GoogleAdsenseOptions = object({
   /**
@@ -18,19 +17,17 @@ export function useScriptGoogleAdsense(_options) {
       use() {
         return { adsbygoogle: window.adsbygoogle };
       },
-      // allow dataLayer to be accessed on the server
-      stub: import.meta.client ? void 0 : ({ fn }) => {
-        return fn === "adsbygoogle" ? [] : void 0;
-      },
       beforeInit() {
-        useHead({
-          meta: [
-            {
-              name: "google-adsense-account",
-              content: options?.client
-            }
-          ]
-        });
+        if (options?.client) {
+          useHead({
+            meta: [
+              {
+                name: "google-adsense-account",
+                content: options?.client
+              }
+            ]
+          });
+        }
       }
     }
   }), _options);

package/dist/runtime/types.js

@@ -1,2 +1,2 @@
-import { object } from "valibot";
+import { object } from "#nuxt-scripts-validator";
 const _emptyOptions = object({});

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxt/scripts",
   "type": "module",
-  "version": "0.7.0",
-  "packageManager": "pnpm@9.7.1",
+  "version": "0.7.2",
+  "packageManager": "pnpm@9.9.0",
   "description": "Load third-party scripts with better performance, privacy and DX in Nuxt Apps.",
   "author": {
     "website": "https://harlanzw.com",
@@ -65,15 +65,15 @@
     ]
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "^1.3.9",
-    "@nuxt/devtools-ui-kit": "^1.3.9",
-    "@nuxt/kit": "^3.12.4",
-    "@types/google.maps": "^3.55.12",
+    "@nuxt/devtools-kit": "^1.4.1",
+    "@nuxt/devtools-ui-kit": "^1.4.1",
+    "@nuxt/kit": "^3.13.0",
+    "@types/google.maps": "^3.57.0",
     "@types/stripe-v3": "^3.1.33",
     "@types/vimeo__player": "^2.18.3",
-    "@types/youtube": "^0.0.50",
-    "@unhead/vue": "^1.10.0",
-    "@vueuse/core": "^11.0.1",
+    "@types/youtube": "^0.1.0",
+    "@unhead/vue": "^1.10.3",
+    "@vueuse/core": "^11.0.3",
     "consola": "^3.2.3",
     "defu": "^6.1.4",
     "h3": "^1.12.0",
@@ -82,33 +82,33 @@
     "ofetch": "^1.3.4",
     "ohash": "^1.1.3",
     "pathe": "^1.1.2",
-    "pkg-types": "^1.1.3",
+    "pkg-types": "^1.2.0",
     "semver": "^7.6.3",
-    "shiki": "1.14.1",
+    "shiki": "1.16.1",
     "sirv": "^2.0.4",
     "std-env": "^3.7.0",
     "third-party-capital": "2.3.0",
     "ufo": "^1.5.4",
-    "unimport": "^3.10.1",
-    "unplugin": "^1.12.2",
+    "unimport": "^3.11.1",
+    "unplugin": "^1.12.3",
     "unstorage": "^1.10.2",
-    "valibot": "^0.38.0"
+    "valibot": "^0.41.0"
   },
   "devDependencies": {
-    "@nuxt/devtools-ui-kit": "^1.3.9",
-    "@nuxt/eslint-config": "^0.5.1",
+    "@nuxt/devtools-ui-kit": "^1.4.1",
+    "@nuxt/eslint-config": "^0.5.5",
     "@nuxt/module-builder": "^0.8.3",
     "@nuxt/test-utils": "3.14.1",
     "@types/semver": "^7.5.8",
-    "@typescript-eslint/typescript-estree": "^8.2.0",
-    "@unhead/schema": "^1.10.0",
+    "@typescript-eslint/typescript-estree": "^8.4.0",
+    "@unhead/schema": "^1.10.3",
     "acorn-loose": "^8.4.0",
-    "bumpp": "^9.5.1",
+    "bumpp": "^9.5.2",
     "changelogen": "^0.5.5",
-    "eslint": "9.9.0",
+    "eslint": "9.9.1",
     "eslint-plugin-n": "^17.10.2",
     "knitwork": "^1.1.0",
-    "nuxt": "^3.12.4",
+    "nuxt": "^3.13.0",
     "nuxt-scripts-devtools": "workspace:*",
     "playwright-core": "^1.46.1",
     "typescript": "^5.5.4",
@@ -117,16 +117,17 @@
     "vue-router": "^4.4.3"
   },
   "resolutions": {
+    "@nuxt/schema": "3.13.0",
     "@nuxt/scripts": "workspace:*",
-    "@unhead/dom": "1.10.0",
-    "@unhead/schema": "1.10.0",
-    "@unhead/shared": "1.10.0",
-    "@unhead/ssr": "1.10.0",
-    "@unhead/vue": "1.10.0",
-    "nuxt": "^3.12.4",
+    "@unhead/dom": "1.10.2",
+    "@unhead/schema": "1.10.4",
+    "@unhead/shared": "1.10.4",
+    "@unhead/ssr": "1.10.4",
+    "@unhead/vue": "1.10.4",
+    "nuxt": "^3.13.0",
     "nuxt-scripts-devtools": "workspace:*",
     "shiki": "1.10.3",
-    "unhead": "1.10.0",
+    "unhead": "1.10.4",
     "vue": "^3.4.38",
     "vue-router": "^4.4.3"
   }

package/dist/client/_nuxt/BW5_3H_7.js

@@ -1 +0,0 @@
-import{_ as a,o as s,c as i,a as e,t as o,b as u,w as c,d,e as l,p,f as b}from"./Cdyv1BV6.js";import{u as h}from"./CObySb1Z.js";const f=t=>(p("data-v-b67abb77"),t=t(),b(),t),g={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},x=f(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),m={class:"max-w-520px text-center z-20"},y=["textContent"],_=["textContent"],k={class:"w-full flex items-center justify-center"},w={__name:"error-404",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:404},statusMessage:{type:String,default:"Not Found"},description:{type:String,default:"Sorry, the page you are looking for could not be found."},backHome:{type:String,default:"Go back home"}},setup(t){const n=t;return h({title:`${n.statusCode} - ${n.statusMessage} | ${n.appName}`,script:[],style:[{children:'*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}h1,p{margin:0}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }'}]}),(z,S)=>{const r=l;return s(),i("div",g,[x,e("div",m,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:o(t.statusCode)},null,8,y),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:o(t.description)},null,8,_),e("div",k,[u(r,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:c(()=>[d(o(t.backHome),1)]),_:1})])])])}}},N=a(w,[["__scopeId","data-v-b67abb77"]]);export{N as default};

package/dist/client/_nuxt/builds/meta/b4af023e-aaec-4265-8ade-ce133bb4c4c3.json

@@ -1 +0,0 @@
-{"id":"b4af023e-aaec-4265-8ade-ce133bb4c4c3","timestamp":1724164787363,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}