\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\nconst does = \"does\";\r\nconsole.log(`Interpolation ${does} not work in a dynamically added layout`); // remove this line for the app to run\r\nconsole.log(\"Concatenation \" + does + \" work in a dynamically added layout\");\r\n\u003C/script>\r\n```\r\n\r\nInterpolation seems to work fine in a page though:\r\n\r\n```vue\r\n// /modules/interpolation/pages/index.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cp>See README.md\u003C/p>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\ndefinePageMeta({\r\n layout: \"default\",\r\n});\r\nconst does = \"does\";\r\nconsole.log(`Interpolation ${does} work in a dynamically added page.`);\r\n\u003C/script>\r\n```\r\n\r\n### Additional context\r\n\r\nI'm not sure if it is related but hot module replacement (HMR) doesn't seem to work with dynamically added layouts either, although it works with with dynamically added pages.\r\n\r\n### Logs\r\n\r\n_No response_",[1997,2000],{"name":1998,"color":1999},"3.x","29bc7f",{"name":2001,"color":2002},"pending triage","E99695",26838,"String interpolation in dynamically added layout prevents app starting","2024-04-23T12:08:17Z","https://github.com/nuxt/nuxt/issues/26838",0.7024034,{"description":2009,"labels":2010,"number":2020,"owner":1988,"repository":2021,"state":1989,"title":2022,"updated_at":2023,"url":2024,"score":2025},"### Environment\n\nnone\n\n### Version\n\nlatest\n\n### Reproduction\n\nhttps://ui.nuxt.com/pro/components/color-mode-image (example)\n\n### Description\n\nhttps://unsplash.com/documentation/changelog#unsplash-source-being-deprecated\r\n\r\nUnsplash Source is deprecated\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2011,2014,2017],{"name":2012,"color":2013},"bug","d73a4a",{"name":2015,"color":2016},"documentation","0075ca",{"name":2018,"color":2019},"pro","5BD3CB",2240,"ui","docs: image sources from Unsplash Source not working (deprecated) ","2024-10-02T14:22:24Z","https://github.com/nuxt/ui/issues/2240",0.7123254,{"description":2027,"labels":2028,"number":2030,"owner":1988,"repository":1988,"state":1989,"title":2031,"updated_at":2032,"url":2033,"score":2034},"Hello,\r\n\r\nI use [markdown-it](https://github.com/nuxt-community/modules/tree/master/packages/markdownit) module to parse `.md` files, with this component to convert internal links :\r\n\r\n```html\r\n\u003Ctemplate>\r\n \u003Cdiv v-html=\"content\">\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nexport default {\r\n props: ['content'],\r\n mounted() {\r\n this.addListeners()\r\n },\r\n beforeDestroy() {\r\n this.removeListeners()\r\n },\r\n watch: {\r\n 'content': 'contentUpdated'\r\n },\r\n methods: {\r\n navigate(event) {\r\n const href = event.target.getAttribute('href')\r\n if (href && href[0] === '/') {\r\n event.preventDefault()\r\n this.$router.push(href)\r\n }\r\n },\r\n contentUpdated() {\r\n this.removeListeners()\r\n this.$nextTick(() => {\r\n this.addListeners()\r\n })\r\n },\r\n addListeners() {\r\n this._links = this.$el.getElementsByTagName('a')\r\n for (let i = 0; i \u003C this._links.length; i++) {\r\n this._links[i].addEventListener('click', this.navigate, false)\r\n }\r\n },\r\n removeListeners() {\r\n for (let i = 0; i \u003C this._links.length; i++) {\r\n this._links[i].removeEventListener('click', this.navigate, false)\r\n }\r\n this._links = []\r\n }\r\n }\r\n}\r\n\u003C/script>\r\n```\r\n\r\nIt works fine but the content of the `.md` is not html rendered with `nuxt generate`, but instead stored in the js...\r\n\r\nAny idea?\r\n\r\nThanks!\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2488\">#c2488\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2029],{"name":1985,"color":1986},2864,"Content not rendered","2023-01-18T16:09:43Z","https://github.com/nuxt/nuxt/issues/2864",0.72840077,{"description":2036,"labels":2037,"number":2044,"owner":1988,"repository":2021,"state":1989,"title":2045,"updated_at":2046,"url":2047,"score":2048},"### Description\n\nIf i try to define the position of the notification using the `ui` prop `\u003CUNotifications :ui=\"{position: 'top-0 right-0'}\" />`\r\nthe \"default\" configuration is applied as well (`bottom-0 end-0 `) this happens also if defining the position using the app.config.ts.. I'm assuming i'm doing it wrong.. please advice.. \r\n",[2038,2041],{"name":2039,"color":2040},"duplicate","cfd3d7",{"name":2042,"color":2043},"question","d876e3",2180,"Notification position","2024-09-11T14:08:24Z","https://github.com/nuxt/ui/issues/2180",0.7285053,{"description":2050,"labels":2051,"number":2055,"owner":1988,"repository":1988,"state":1989,"title":2056,"updated_at":2057,"url":2058,"score":2059},"Hi,\r\nI'm using a custom-made vue static blog and I wish to migrate to nuxt to get a full static html generation.\r\n\r\nThe key is all the posts are made with markdown files, with some metadatas. And I’d like to avoid manually making vue files for each post.\r\n\r\nHow hard would it be to implement? For now I guess I must add a parser as a middleware and add a custom webpack directive to catch md files, am I right?\r\n\r\nThanks for your help!\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c341\">#c341\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2052,2054],{"name":2042,"color":2053},"cc317c",{"name":1985,"color":1986},396,"Using markdown as articles?","2023-01-18T15:38:50Z","https://github.com/nuxt/nuxt/issues/396",0.7301782,{"description":2061,"labels":2062,"number":2065,"owner":1988,"repository":1988,"state":1989,"title":2066,"updated_at":2067,"url":2068,"score":2069},"- nuxt: 2.14.6\r\n- node: 15.2.1\r\n\r\n### Reproduction\r\n\r\n[GitHub Repo](https://github.com/spesthecat/spesthecat.github.io/tree/nuxt-issue)\r\n\r\nNested dynamic page (`/category/id`)\r\n- `projects/`\r\n - `_category/`\r\n - `_id.vue`\r\n\r\nUsing content module to dynamically retrieve markdown and other content from content/. Retrival is based on `category` and `id` and is done in `_id.vue` using `asyncData()`.\r\n\r\nLinks to expected routes are found in `components/sidebar.vue` which accesses a json file in `mounted()` and accordingly renders links with nested `v-for` loops.\r\n\r\n### What is Expected?\r\nFor routes to be generated dynamically according to links available from `sidebar.vue`\r\n\r\n### What is actually happening?\r\nRoutes are not generated for links **inside any of the `v-for` loops**. I tested this by hard-coding anchor tags into `sidebar.vue`, and anchor tags outside of the loops are crawled and generated.",[2063,2064],{"name":2001,"color":2002},{"name":1985,"color":1986},8524,"Dynamic routes not generating for full static generation [Crawler] [Dynamic Routes] [Full Static]","2023-01-22T15:38:24Z","https://github.com/nuxt/nuxt/issues/8524",0.73519456,{"labels":2071,"number":2077,"owner":1988,"repository":1988,"state":1989,"title":2078,"updated_at":2079,"url":2080,"score":2081},[2072,2075,2076],{"name":2073,"color":2074},"stale","ffffff",{"name":2001,"color":2002},{"name":1985,"color":1986},10333,"v-html not working on dynamic tag ","2024-10-25T14:39:46Z","https://github.com/nuxt/nuxt/issues/10333",0.73612595,{"description":2083,"labels":2084,"number":2087,"owner":1988,"repository":1988,"state":1989,"title":2088,"updated_at":2089,"url":2090,"score":2091},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.19.0`\r\n- Nuxt Version: `3.6.3`\r\n- Nitro Version: `2.5.2`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `modules`, `i18n`, `devServer`, `formkit`, `tailwindcss`, `app`, `image`, `runtimeConfig`, `vite`, `devtools`, `experimental`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.8.0`, `@nuxtjs/i18n@8.0.0-beta.12`, `@formkit/nuxt@1.0.0-beta.9-f64c966`, `@nuxt/image-edge@1.0.0-28020728.5df24eb`, `nuxt-icon@0.4.2`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nCreated baseButton dynamic component:\r\n```\r\n\u003Ctemplate>\r\n \u003Ccomponent\r\n class=\"\"\r\n :class=\"{\r\n 'flex gap-1.5 h-fit rounded px-3 py-2 justify-center items-center font-bebas text-slate-100 focus:outline-none':\r\n !to && !href,\r\n 'opacity-50 pointer-events-none': disabled,\r\n 'hover:opacity-90 cursor-pointer': !disabled,\r\n 'bg-rb-dark-green': !to && !href && primary,\r\n 'bg-amber-600': !to && !href && warning,\r\n 'bg-red-600': !to && !href && error,\r\n }\"\r\n :is=\"to ? 'nuxt-link' : href ? 'a' : 'button'\"\r\n :to=\"to\"\r\n :href=\"href\"\r\n :disabled=\"disabled\"\r\n :rel=\"href && 'noreferrer noopener'\"\r\n >\r\n \u003Cslot name=\"prepend\">\u003C/slot>\r\n \u003Cslot name=\"default\">\u003C/slot>\r\n \u003Cslot name=\"append\">\u003C/slot>\r\n \u003C/component>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nconst props = defineProps({\r\n disabled: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n to: {\r\n type: String,\r\n default: null,\r\n },\r\n href: {\r\n type: String,\r\n default: null,\r\n },\r\n variant: {\r\n validator(value: \"primary\" | \"warning\" | \"error\") {\r\n return [\"primary\", \"warning\", \"error\"].includes(value);\r\n },\r\n default: \"primary\",\r\n },\r\n});\r\n\r\nconst primary = computed((): boolean => {\r\n return props.variant === \"primary\";\r\n});\r\nconst warning = computed((): boolean => {\r\n return props.variant === \"warning\";\r\n});\r\nconst error = computed((): boolean => {\r\n return props.variant === \"error\";\r\n});\r\n\u003C/script>\r\n```\r\n\r\nTHEN tried to use it in on the page:\r\n```\r\n\u003Cdiv class=\"grid justify-center grid-cols-2 gap-10 mb-10\">\r\n \u003Cui-base-button\r\n style=\"\"\r\n class=\"card flex items-center justify-center rounded-2xl backdrop-blur-2xl shadow-md h-32 md:h-60 border border-rb-dark-green/70 text-center font-bold text-3xl text-rb-dark-green\"\r\n v-for=\"appeal in appeals\"\r\n :to=\"`/campaign-admin/${appeal.slug}`\"\r\n >\r\n \u003Cspan class=\"!drop-shadow-glow\" style=\"text-shadow: white 1px 0 10px\">\r\n {{ appeal.title }}\r\n \u003C/span>\r\n \u003C/ui-base-button>\r\n \u003C/div>\r\n```\r\n\r\n### Describe the bug\r\n\r\nI created a dynamic baseButton component using Component. Then tried using it on the page in the v-for loop with dynamic route and although in the DOM everything renders great, and it is indeed turning into nuxt-link, once clicked on any of the nuxt-links, they route nowhere. No url change, nothing.\r\nIf i simply change uiBaseButton directly to nuxt-link in the v-for loop, then everything works fine and routes.\r\n\r\n### Additional context\r\n\r\n\r\n\r\nhttps://github.com/nuxt/nuxt/assets/73205087/61c49d59-e7f0-4978-bddf-c494d9b0200c\r\n\r\n\r\n\r\n### Logs\r\n\r\n```shell-script\r\nNo error logs in the console.\r\n```\r\n",[2085,2086],{"name":1998,"color":1999},{"name":2001,"color":2002},22206,"nuxt-link not working when is set dynamicly via Component element","2023-07-19T09:41:21Z","https://github.com/nuxt/nuxt/issues/22206",0.7379673,{"description":2093,"labels":2094,"number":2095,"owner":1988,"repository":2096,"state":1989,"title":2097,"updated_at":2098,"url":2099,"score":2100},"Open https://nuxt.com/docs/guide/directory-structure/composables, **Introduction** page is shown instead of **Composables**\n\n\n\nI think the regression is due to 43b0f43",[],1752,"nuxt.com","All docs/[...slug] routes show Introduction page","2025-01-14T11:25:53Z","https://github.com/nuxt/nuxt.com/issues/1752",0.73933893,["Reactive",2102],{},["Set"],["ShallowReactive",2105],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"4UrQHlWeML6rHJpTvmEzCYv51BrkGdPgtPzNzN3AUHk":-1},"/nuxt/ui/2304"]