\n\n\u003Cscript setup lang=\"ts\">\nconst steps = [\n { selector: '#step1', title: 'Welcome', description: 'This is the first step', position: 'bottom' },\n { selector: '#step2', title: 'Next Feature', description: 'Learn about this one too', position: 'right' }\n]\n\u003C/script>\n```\n\n**Alternatives Considered**\n\n* External libraries like Driver.js or Shepherd.js, but they don’t fit Nuxt UI’s design system and require additional integration effort.\n\n**Additional Context**\nThis would help Nuxt developers deliver a polished onboarding experience without reinventing the wheel.\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3174],{"name":3175,"color":3176},"pending triage","E99695",33111,"Interactive Feature Tour Component","2025-09-02T09:15:22Z","https://github.com/nuxt/nuxt/issues/33111",0.7756879,{"description":3183,"labels":3184,"number":3188,"owner":3165,"repository":3189,"state":3190,"title":3191,"updated_at":3192,"url":3193,"score":3194},"### 🐛 The bug\r\n\r\n1. Start the stackblitz reproduction\r\n2. You must be on the index page `/`\r\n3. DO NOT click the video in index\r\n4. Click `Go to Page`\r\n5. Try to play the video clicking it\r\n6. See that the script won't load the video\r\n\r\nBtw, after following these steps, if you back to index and then back again to `/page` the script will load automatically without clicking it.\r\n\r\n### 🛠️ To reproduce\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-hulk8u\r\n\r\n### 🌈 Expected behavior\r\n\r\nThe script in `/page` should be loaded after following these steps\r\n\r\n### ℹ️ Additional context\r\n\r\nnuxt: 3.13.1\r\n@nuxt/scripts: 0.9.0",[3185],{"name":3186,"color":3187},"bug","d73a4a",265,"scripts","closed","ScriptYouTubePlayer: script doesn't load if you navigate from a page with a script to another page with a script without triggering the previous one","2024-09-15T21:25:06Z","https://github.com/nuxt/scripts/issues/265",0.45734918,{"description":3196,"labels":3197,"number":3200,"owner":3165,"repository":3201,"state":3190,"title":3202,"updated_at":3203,"url":3204,"score":3205},"",[3198],{"name":3186,"color":3199},"ff281a",124,"nuxt.com","Milkdown editor only works in dark mode","2023-06-06T12:14:49Z","https://github.com/nuxt/nuxt.com/issues/124",0.7002677,{"description":3207,"labels":3208,"number":3211,"owner":3165,"repository":3201,"state":3190,"title":3212,"updated_at":3213,"url":3214,"score":3215},"\n",[3209],{"name":3159,"color":3210},"1ad6ff",436,"[Milkdown] Improve components props display","2022-05-13T16:14:50Z","https://github.com/nuxt/nuxt.com/issues/436",0.70855707,{"description":3196,"labels":3217,"number":3219,"owner":3165,"repository":3201,"state":3190,"title":3220,"updated_at":3221,"url":3222,"score":3223},[3218],{"name":3159,"color":3210},497,"[Milkdown] Replace Prism by Shiki to have the code highlight as in `@nuxt/content`","2023-06-06T12:14:53Z","https://github.com/nuxt/nuxt.com/issues/497",0.7123115,{"description":3225,"labels":3226,"number":3219,"owner":3165,"repository":3230,"state":3190,"title":3231,"updated_at":3232,"url":3233,"score":3223},"**Non-blocking bug**\r\n\r\nIn our project, we imported tailwind.css, for test env, I use CDN way to load tailwind. `nuxt.config.ts`:\r\n```\r\n app: {\r\n head: {\r\n script: [\r\n {\r\n src: 'https://cdn.tailwindcss.com'\r\n }\r\n ]\r\n }\r\n }\r\n```\r\nIn dev mode, it actually behaver:\r\n1, request `https://cdn.tailwindcss.com` get: status code: `302`, http header location: `3.2.4`\r\n2, request `https://cdn.tailwindcss.com/3.2.4`\r\n\r\n```\r\nTypeError: Invalid URL\r\n at new NodeError (node:internal/errors:393:5)\r\n at URL.onParseError (node:internal/url:565:9)\r\n at new URL (node:internal/url:645:5)\r\n at Function.getAbsoluteURL (xxx\\node_modules\\happy-dom\\lib\\location\\RelativeURL.ts:16:16)\r\n at XMLHttpRequest._sendSyncRequest (xxx\\node_modules\\happy-dom\\src\\xml-http-request\\XMLHttpRequest.ts:618:45)\r\n at XMLHttpRequest.send (xxx\\node_modules\\happy-dom\\src\\xml-http-request\\XMLHttpRequest.ts:472:9)\r\n at Function.fetchSync (xxx\\node_modules\\happy-dom\\src\\fetch\\ResourceFetchHandler.ts:39:7)\r\n at Function.loadExternalScript (xxx\\node_modules\\happy-dom\\src\\nodes\\html-script-element\\ScriptUtility.ts:63:5)\r\n at HTMLScriptElement._connectToNode (xxx\\node_modules\\happy-dom\\src\\nodes\\html-script-element\\HTMLScriptElement.ts:195:19)\r\n at HTMLElement.appendChild (xxx\\node_modules\\happy-dom\\src\\nodes\\node\\Node.ts:326:16) {\r\n input: '/3.2.4',\r\n code: 'ERR_INVALID_URL'\r\n}\r\n```\r\n\r\n",[3227],{"name":3228,"color":3229},"vitest-environment","b60205","test-utils","http redirect cause an Invalid URL error.","2023-12-05T17:00:37Z","https://github.com/nuxt/test-utils/issues/497",{"description":3235,"labels":3236,"number":3246,"owner":3165,"repository":3165,"state":3190,"title":3247,"updated_at":3248,"url":3249,"score":3250},"### Describe the feature\r\n\r\nThe Nuxt3 docs are very light when it comes to styling in general (I know that it has become trendy to use Tailwind and to stop writing stylesheets but still ...).\r\nThere is some information that is scattered around, and the docs could really use a dedicated section (similar to the excellent one in [astro](https://docs.astro.build/en/guides/styling/)) to explain everything about styling in Nuxt. \r\n\r\nI'm aware that some of this information could be considered redundant as it can be found respectively in Vite and VueJs docs.\r\nThat being said, it would be great, especially for newcomers, if we could have a comprehensive styling guide in the Nuxt docs. \r\n\r\nWe could also recommend some best practice while we do this.\r\n\r\nHere's what I have in mind \r\n\r\n- How to add an external stylesheet\r\n- How to add a local stylesheet\r\n- How to use useHead for dynamic stylesheet\r\n- How to use preprocessors\r\n- How to leverage layouts to have multiple styles in the same app\r\n- Recap of all the nice SFC styling options (lang/import/scoped/modules/v-bind etc)\r\n- How to configure postcss and use it (plugins etc)\r\n- Font section (This is a really common thing)\r\n- Advanced section (vite config, webpack config, optimizations, minification etc)\r\n- Bonus section (maybe recommend some popular modules and tools such as tailwind or https://unocss.dev/)\r\n\r\n### Additional information\r\n\r\n- [X] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3237,3240,3243],{"name":3238,"color":3239},"documentation","5319e7",{"name":3241,"color":3242},"good first issue","fbca04",{"name":3244,"color":3245},"3.x","29bc7f",21491,"[Documentation Request] Add a styling section to the docs","2023-06-16T14:47:05Z","https://github.com/nuxt/nuxt/issues/21491",0.75589657,{"description":3252,"labels":3253,"number":3254,"owner":3165,"repository":3201,"state":3190,"title":3255,"updated_at":3256,"url":3257,"score":3258},"In `content/` we should be able to edit the front-matter props not handled in Milkdown.\n\nBlocked by nuxtlabs/nuxt.com#172\n\nEx: https://github.com/docusgen/docus.com/blob/dev/components/templates/project/editor/ProjectEditorContentProps.vue",[],169,"Content file aside for front-matter","2022-03-25T09:54:52Z","https://github.com/nuxt/nuxt.com/issues/169",0.7562641,{"description":3260,"labels":3261,"number":3254,"owner":3165,"repository":3189,"state":3190,"title":3264,"updated_at":3265,"url":3266,"score":3258},"I was trying to use the [example](https://scripts.nuxt.com/scripts/content/google-maps#example):\r\n\r\n```\r\n\u003Cscript setup lang=\"ts\">\r\nconst { $script } = useScriptGoogleMaps({\r\n apiKey: 'key'\r\n})\r\n$script.then(({ maps }) => {\r\n const map = new maps.Map(document.getElementById('map'), {\r\n center: { lat: -34.397, lng: 150.644 },\r\n zoom: 8\r\n })\r\n})\r\n\u003C/script>\r\n```\r\n\r\nBut I get a type error in my IDE: `Property Map does not exist on type typeof maps | Promise\u003Ctypeof maps>`\r\n\r\nAs well as an error in Vue/Nuxt: `Uncaught (in promise) TypeError: maps.Map is not a constructor`",[3262],{"name":3238,"color":3263},"0075ca","Docs: Google Maps example is not working","2024-09-03T15:28:08Z","https://github.com/nuxt/scripts/issues/169",["Reactive",3268],{},["Set"],["ShallowReactive",3271],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fu-aJdD_sJ9scEt71AH6arfCMP-bWIOYh96HCnoryT-g":-1},"/nuxt/nuxt.com/265"]