@nuxt/scripts 0.7.1 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/README.md +73 -73
  2. package/dist/client/200.html +9 -9
  3. package/dist/client/404.html +9 -9
  4. package/dist/client/_nuxt/{C1IUq70_.js → B7a7KwY0.js} +1 -1
  5. package/dist/client/_nuxt/{DOi3Eb0n.js → BYm2jJpo.js} +11 -11
  6. package/dist/client/_nuxt/{iQqcKxZm.js → CEoS15Fi.js} +1 -1
  7. package/dist/client/_nuxt/{CnUvXFHd.js → Nd9uLa0s.js} +1 -1
  8. package/dist/client/_nuxt/builds/latest.json +1 -1
  9. package/dist/client/_nuxt/builds/meta/ec7cd9b1-e776-4993-98a3-da039c5325b9.json +1 -0
  10. package/dist/client/_nuxt/{entry.FVeyw1Qn.css → entry.BAZUAl3s.css} +1 -1
  11. package/dist/client/_nuxt/error-404.ChzstOPh.css +1 -0
  12. package/dist/client/_nuxt/error-500.BaOmLlKq.css +1 -0
  13. package/dist/client/index.html +9 -9
  14. package/dist/module.d.mts +2 -2
  15. package/dist/module.d.ts +2 -2
  16. package/dist/module.json +1 -1
  17. package/dist/module.mjs +2 -0
  18. package/dist/runtime/components/ScriptCarbonAds.vue +78 -71
  19. package/dist/runtime/components/ScriptCrisp.vue +94 -87
  20. package/dist/runtime/components/ScriptGoogleAdsense.vue +75 -69
  21. package/dist/runtime/components/ScriptGoogleMaps.vue +457 -435
  22. package/dist/runtime/components/ScriptIntercom.vue +103 -96
  23. package/dist/runtime/components/ScriptLemonSqueezy.vue +52 -45
  24. package/dist/runtime/components/ScriptLoadingIndicator.vue +22 -22
  25. package/dist/runtime/components/ScriptStripePricingTable.vue +75 -68
  26. package/dist/runtime/components/ScriptVimeoPlayer.vue +281 -280
  27. package/dist/runtime/components/ScriptYouTubePlayer.vue +174 -171
  28. package/dist/runtime/composables/useScript.js +25 -7
  29. package/dist/runtime/composables/useScriptTriggerElement.d.ts +3 -1
  30. package/dist/runtime/composables/useScriptTriggerElement.js +46 -19
  31. package/dist/runtime/registry/google-adsense.js +11 -14
  32. package/dist/runtime/types.js +1 -1
  33. package/package.json +29 -28
  34. package/dist/client/_nuxt/builds/meta/e4092e18-9a58-41ab-947e-35e1f2082b75.json +0 -1
  35. package/dist/client/_nuxt/error-404.CHrXIISA.css +0 -1
  36. package/dist/client/_nuxt/error-500.CrsjMPPf.css +0 -1
package/README.md CHANGED
@@ -1,73 +1,73 @@
1
- [![nuxt-scripts-social-card](https://github.com/nuxt/scripts/blob/main/.github/banner.png)](https://scripts.nuxt.com)
2
-
3
- [![npm version][npm-version-src]][npm-version-href]
4
- [![npm downloads][npm-downloads-src]][npm-downloads-href]
5
- [![License][license-src]][license-href]
6
- [![Nuxt][nuxt-src]][nuxt-href]
7
- [![Volta][volta-src]][volta-href]
8
-
9
- # Nuxt Scripts
10
-
11
- Better Privacy, Performance, and DX for Third-Party Scripts in Nuxt Apps.
12
-
13
- - [👾  Playground](https://stackblitz.com/edit/nuxt-starter-pkwfkx?file=pages%2Findex.vue)
14
-
15
- > [!IMPORTANT]
16
- > Nuxt Scripts is in beta, use with caution as some APIs may change.
17
-
18
- ## Features
19
-
20
- - 🪨 Built on top of [Unhead](https://unhead.unjs.io/usage/composables/use-script)
21
- - 🎁 20+ third-party scripts integrations with fine-grained performance optimizations
22
- - 🏎️ Performance: Self hosting, advanced script loading triggers, best-practice defaults.
23
- - 🕵️ Privacy: Defaults to protect end users identity, script consent management APIs.
24
- - 🪵 DevTools: View your script with their status and see function logs
25
- - 🚀 0 dependencies, ~2kb minimal runtime
26
-
27
- ## Background
28
-
29
- Loading third-party IIFE scripts using `useHead` composable is easy. However,
30
- things start getting more complicated quickly around SSR, lazy loading, and type safety.
31
-
32
- Nuxt Scripts was created to solve these issues and more with the goal of making third-party scripts more performant,
33
- have better privacy and be better DX overall.
34
-
35
- ## 🚀 Quick Start
36
-
37
- To get started, simply run:
38
-
39
- ```bash
40
- npx nuxi@latest module add scripts
41
- ```
42
-
43
- That's it! The Nuxt Scripts module should be downloaded and added to your Nuxt Config `modules`.
44
-
45
- ## ⛰️ Next Steps
46
-
47
- Need some inspiration to start using Nuxt Scripts? Try out the following:
48
-
49
- 1. 🎉 Make it rain emojis with the [Confetti Tutorial](https://scripts.nuxt.com/docs/getting-started/confetti-tutorial).
50
- 2. 📚 Learn about how the [Script Loading](https://scripts.nuxt.com/docs/guides/script-triggers) works.
51
- 3. 🔍 Explore the [Script Registry](https://scripts.nuxt.com/scripts) for popular pre-configured third-party scripts.
52
- 3. 🚀 Load other scripts with [useScript](https://scripts.nuxt.com/docs/api/use-script) or [Global Scripts](https://scripts.nuxt.com/docs/guides/global).
53
- 4. 🔨 Fine-tune your performance and privacy with [Bundling](https://scripts.nuxt.com/docs/guides/bundling) and [Consent Management](https://scripts.nuxt.com/docs/guides/consent).
54
-
55
- ## ⚖️ License
56
-
57
- Licensed under the [MIT license](https://github.com/nuxt/scripts/blob/main/LICENSE.md).
58
-
59
- <!-- Badges -->
60
- [npm-version-src]: https://img.shields.io/npm/v/@nuxt/scripts/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
61
- [npm-version-href]: https://npmjs.com/package/@nuxt/scripts/v/rc
62
-
63
- [npm-downloads-src]: https://img.shields.io/npm/dm/@nuxt/scripts.svg?style=flat&colorA=18181B&colorB=28CF8D
64
- [npm-downloads-href]: https://npmjs.com/package/@nuxt/scripts/v/rc
65
-
66
- [license-src]: https://img.shields.io/npm/l/@nuxt/scripts.svg?style=flat&colorA=18181B&colorB=28CF8D
67
- [license-href]: https://npmjs.com/package/@nuxt/scripts/v/rc
68
-
69
- [nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
70
- [nuxt-href]: https://nuxt.com
71
-
72
- [volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
73
- [volta-href]: https://volta.net/nuxt/scripts?utm_source=nuxt_scripts_readme
1
+ [![nuxt-scripts-social-card](https://github.com/nuxt/scripts/blob/main/.github/banner.png)](https://scripts.nuxt.com)
2
+
3
+ [![npm version][npm-version-src]][npm-version-href]
4
+ [![npm downloads][npm-downloads-src]][npm-downloads-href]
5
+ [![License][license-src]][license-href]
6
+ [![Nuxt][nuxt-src]][nuxt-href]
7
+ [![Volta][volta-src]][volta-href]
8
+
9
+ # Nuxt Scripts
10
+
11
+ Better Privacy, Performance, and DX for Third-Party Scripts in Nuxt Apps.
12
+
13
+ - [👾 &nbsp;Playground](https://stackblitz.com/edit/nuxt-starter-pkwfkx?file=pages%2Findex.vue)
14
+
15
+ > [!IMPORTANT]
16
+ > Nuxt Scripts is in beta, use with caution as some APIs may change.
17
+
18
+ ## Features
19
+
20
+ - 🪨 Built on top of [Unhead](https://unhead.unjs.io/usage/composables/use-script)
21
+ - 🎁 20+ third-party scripts integrations with fine-grained performance optimizations
22
+ - 🏎️ Performance: Self hosting, advanced script loading triggers, best-practice defaults.
23
+ - 🕵️ Privacy: Defaults to protect end users identity, script consent management APIs.
24
+ - 🪵 DevTools: View your script with their status and see function logs
25
+ - 🚀 0 dependencies, ~2kb minimal runtime
26
+
27
+ ## Background
28
+
29
+ Loading third-party IIFE scripts using `useHead` composable is easy. However,
30
+ things start getting more complicated quickly around SSR, lazy loading, and type safety.
31
+
32
+ Nuxt Scripts was created to solve these issues and more with the goal of making third-party scripts more performant,
33
+ have better privacy and be better DX overall.
34
+
35
+ ## 🚀 Quick Start
36
+
37
+ To get started, simply run:
38
+
39
+ ```bash
40
+ npx nuxi@latest module add scripts
41
+ ```
42
+
43
+ That's it! The Nuxt Scripts module should be downloaded and added to your Nuxt Config `modules`.
44
+
45
+ ## ⛰️ Next Steps
46
+
47
+ Need some inspiration to start using Nuxt Scripts? Try out the following:
48
+
49
+ 1. 🎉 Make it rain emojis with the [Confetti Tutorial](https://scripts.nuxt.com/docs/getting-started/confetti-tutorial).
50
+ 2. 📚 Learn about how the [Script Loading](https://scripts.nuxt.com/docs/guides/script-triggers) works.
51
+ 3. 🔍 Explore the [Script Registry](https://scripts.nuxt.com/scripts) for popular pre-configured third-party scripts.
52
+ 3. 🚀 Load other scripts with [useScript](https://scripts.nuxt.com/docs/api/use-script) or [Global Scripts](https://scripts.nuxt.com/docs/guides/global).
53
+ 4. 🔨 Fine-tune your performance and privacy with [Bundling](https://scripts.nuxt.com/docs/guides/bundling) and [Consent Management](https://scripts.nuxt.com/docs/guides/consent).
54
+
55
+ ## ⚖️ License
56
+
57
+ Licensed under the [MIT license](https://github.com/nuxt/scripts/blob/main/LICENSE.md).
58
+
59
+ <!-- Badges -->
60
+ [npm-version-src]: https://img.shields.io/npm/v/@nuxt/scripts/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
61
+ [npm-version-href]: https://npmjs.com/package/@nuxt/scripts/v/rc
62
+
63
+ [npm-downloads-src]: https://img.shields.io/npm/dm/@nuxt/scripts.svg?style=flat&colorA=18181B&colorB=28CF8D
64
+ [npm-downloads-href]: https://npmjs.com/package/@nuxt/scripts/v/rc
65
+
66
+ [license-src]: https://img.shields.io/npm/l/@nuxt/scripts.svg?style=flat&colorA=18181B&colorB=28CF8D
67
+ [license-href]: https://npmjs.com/package/@nuxt/scripts/v/rc
68
+
69
+ [nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
70
+ [nuxt-href]: https://nuxt.com
71
+
72
+ [volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
73
+ [volta-href]: https://volta.net/nuxt/scripts?utm_source=nuxt_scripts_readme
package/dist/client/200.html CHANGED
@@ -1,7 +1,7 @@
1
1
  <!DOCTYPE html><html data-capo=""><head><meta charset="utf-8">
2
2
  <meta name="viewport" content="width=device-width, initial-scale=1">
3
- <link rel="stylesheet" href="/__nuxt-scripts/_nuxt/entry.FVeyw1Qn.css">
4
- <link rel="modulepreload" as="script" crossorigin href="/__nuxt-scripts/_nuxt/DOi3Eb0n.js">
3
+ <link rel="stylesheet" href="/__nuxt-scripts/_nuxt/entry.BAZUAl3s.css">
4
+ <link rel="modulepreload" as="script" crossorigin href="/__nuxt-scripts/_nuxt/BYm2jJpo.js">
5
5
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/DXFkqnOI.js">
6
6
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/BigF1UXR.js">
7
7
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/CowR2XfX.js">
@@ -257,10 +257,10 @@
257
257
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/B3g-KkBK.js">
258
258
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/Bxkoe-BC.js">
259
259
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/Br6ll-O0.js">
260
- <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-404.CHrXIISA.css">
261
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/C1IUq70_.js">
262
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/iQqcKxZm.js">
263
- <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-500.CrsjMPPf.css">
264
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/CnUvXFHd.js">
265
- <script type="module" src="/__nuxt-scripts/_nuxt/DOi3Eb0n.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"serverRendered":1},false]</script>
266
- <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-scripts",buildId:"e4092e18-9a58-41ab-947e-35e1f2082b75",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
260
+ <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-404.ChzstOPh.css">
261
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/B7a7KwY0.js">
262
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/CEoS15Fi.js">
263
+ <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-500.BaOmLlKq.css">
264
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/Nd9uLa0s.js">
265
+ <script type="module" src="/__nuxt-scripts/_nuxt/BYm2jJpo.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"serverRendered":1},false]</script>
266
+ <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-scripts",buildId:"ec7cd9b1-e776-4993-98a3-da039c5325b9",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
package/dist/client/404.html CHANGED
@@ -1,7 +1,7 @@
1
1
  <!DOCTYPE html><html data-capo=""><head><meta charset="utf-8">
2
2
  <meta name="viewport" content="width=device-width, initial-scale=1">
3
- <link rel="stylesheet" href="/__nuxt-scripts/_nuxt/entry.FVeyw1Qn.css">
4
- <link rel="modulepreload" as="script" crossorigin href="/__nuxt-scripts/_nuxt/DOi3Eb0n.js">
3
+ <link rel="stylesheet" href="/__nuxt-scripts/_nuxt/entry.BAZUAl3s.css">
4
+ <link rel="modulepreload" as="script" crossorigin href="/__nuxt-scripts/_nuxt/BYm2jJpo.js">
5
5
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/DXFkqnOI.js">
6
6
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/BigF1UXR.js">
7
7
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/CowR2XfX.js">
@@ -257,10 +257,10 @@
257
257
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/B3g-KkBK.js">
258
258
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/Bxkoe-BC.js">
259
259
  <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/Br6ll-O0.js">
260
- <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-404.CHrXIISA.css">
261
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/C1IUq70_.js">
262
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/iQqcKxZm.js">
263
- <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-500.CrsjMPPf.css">
264
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/CnUvXFHd.js">
265
- <script type="module" src="/__nuxt-scripts/_nuxt/DOi3Eb0n.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"serverRendered":1},false]</script>
266
- <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-scripts",buildId:"e4092e18-9a58-41ab-947e-35e1f2082b75",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
260
+ <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-404.ChzstOPh.css">
261
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/B7a7KwY0.js">
262
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/CEoS15Fi.js">
263
+ <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-500.BaOmLlKq.css">
264
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/Nd9uLa0s.js">
265
+ <script type="module" src="/__nuxt-scripts/_nuxt/BYm2jJpo.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"serverRendered":1},false]</script>
266
+ <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-scripts",buildId:"ec7cd9b1-e776-4993-98a3-da039c5325b9",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
package/dist/client/_nuxt/{C1IUq70_.js → B7a7KwY0.js} RENAMED
@@ -1 +1 @@
1
- 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}from"./DOi3Eb0n.js";import{u as h}from"./iQqcKxZm.js";const g=t=>(p("data-v-379fced0"),t=t(),f(),t),b={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},x=g(()=>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",b,[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-379fced0"]]);export{N as default};
1
+ 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}from"./BYm2jJpo.js";import{u as h}from"./CEoS15Fi.js";const b=t=>(p("data-v-32febeca"),t=t(),f(),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=b(()=>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-32febeca"]]);export{N as default};