\r\n \u003Cmeta charset=\"utf-8\">\r\n \u003Cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\r\n \u003Cmeta name=\"description\" content=\"\">\r\n \r\n \u003C/head>\r\n \u003Cbody>\r\n \u003Cdiv id=\"app\">\u003C/div>\r\n \u003Cscript type=\"module\" src=\"/@fs/Volumes/Data/Work/Clients/Forgd/forgd/node_modules/@histoire/app/dist/bundle-main.js\">\u003C/script>\r\n \u003C/body>\r\n\u003C/html>\r\n```\r\n\r\nThis is the change in requests from package to package:\r\n\r\n```\r\n// before, served from here:\r\nhttp://localhost:6006/node_modules/.cache/nuxt-google-fonts/fonts/Sora-300-12.woff2\r\n\r\n// after, server from here:\r\nhttp://localhost:6006/_fonts/aFTU7PB1QTsUX8KYthqQBK6PYK0-hqxt3dDpcK.woff2\r\n```\r\n\r\nThe only other special thing is that our project uses NX as a monorepo.\r\n\r\nAny ideas?",[2924,2925],{"name":2910,"color":2911},{"name":2926,"color":2927},"good first issue","7057ff",240,"fonts","Nuxt Fonts not loading in Histoire","2024-09-23T14:00:55Z","https://github.com/nuxt/fonts/issues/240",0.7674988,{"description":2935,"labels":2936,"number":2937,"owner":2871,"repository":2871,"state":2901,"title":2938,"updated_at":2939,"url":2940,"score":2941},"How can I use the local domain ? my site will not work, it cannot be reach if I add host, if I remove the host. I can access like this `http://localhost:3000/`. but how can I use the local domain ?\r\n\r\nex: mynuxt.local\r\n\r\n```\r\nexport default defineNuxtConfig({\r\n devtools: { enabled: false },\r\n modules: [\r\n '@pinia/nuxt',\r\n ],\r\n devServer: {\r\n host: 'mynuxt.local', \r\n port: 4000,\r\n https: true\r\n },\r\n})\r\n```\r\n\r\nThank you in advance",[],28064,"Nuxt 3 not working in docker container","2024-07-07T10:36:25Z","https://github.com/nuxt/nuxt/issues/28064",0.7752893,{"description":2943,"labels":2944,"number":2948,"owner":2871,"repository":2871,"state":2901,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Describe the feature\n\nHello, I'd like to support hostname based multi-tenancy in my nuxt3 app.\n\nEach tenant could choose a theme for their content.\n\n```\nGET localtest.com/ => render pages/=/one-column/\nGET dangerteam.com/some/path => render pages/=/two-column/some/path\nGET examples.com/hello => render pages/=/one-column/hello\n```\n\nThis way, one nuxt app can host different sites with each site having a \"theme\".\n\nBelow is a module that seems to do this using the nuxt-multi-tenancy module as an example.\nhttps://github.com/hieuhani/nuxt-multi-tenancy/blob/main/src/module.ts\n\nThe basic approach is to patch router.options.mjs at runtime on the app:templates hook.\n\nThe hook changes '...configRouterOptions,' to '...hostnameRouterOptions,' at runtime.\n\nhostnameRouterOptions is a filtered list of routes. \n\nThe seems ... fragile. I don't see another way to support this kind of themeing and multi-tenancy without modifying the routing table, and a new hook seems the best way to do it.\n\nAm i missing a simpler way to accomplish this? I tried a variety of other hooks, but couldn't modify the path to be rendered. I would prefer to set event.path = newPath in the 'request' hook, but it's read only.\n\nWhat is the way? Thank you\n\n// modules/hostname-routing.ts\n```\nimport { defineNuxtModule, addTemplate } from '@nuxt/kit';\n\nexport default defineNuxtModule({\n meta: {\n name: 'hostname-routing',\n configKey: 'hostnameRouting',\n },\n setup(_options, nuxt) {\n addTemplate({\n filename: 'hostname-router.options.mjs',\n getContents: () => `\n import { useRequestURL } from 'nuxt/app';\n\n // Async function to get base from hostname (hardcoded for testing)\n async function getBaseFromHostname(hostname) {\n const mappings = {\n 'localtest.localhost:3000': '=/one-column',\n 'dangerteam.localhost:3000': '=/two-column',\n 'examples.localhost:3000': '=/one-column',\n };\n // Simulate async lookup (e.g., future DB call)\n return Promise.resolve(mappings[hostname] || '=/one-column'); // Default to one-column\n }\n\n // Hardcode websiteId mappings for testing\n function getWebsiteId(hostname) {\n const websiteIds = {\n 'localtest.localhost:3000': 'site-001',\n 'dangerteam.localhost:3000': 'site-002',\n 'examples.localhost:3000': 'site-003',\n };\n return websiteIds[hostname] || 'site-default';\n }\n\n export default {\n routes: async (routes) => {\n const { hostname } = useRequestURL();\n const base = await getBaseFromHostname(hostname);\n const websiteId = getWebsiteId(hostname);\n console.log('Server: Hostname:', hostname, 'Base:', base, 'WebsiteId:', websiteId);\n\n // Filter routes: keep root, /base, and anything under /base/\n const tenantRoutes = routes.filter(route => {\n const path = route.path;\n path === '/' + base || path.startsWith('/' + base + '/');\n });\n\n // Rewrite paths and add websiteId to route meta\n return tenantRoutes.map(route => {\n const originalPath = route.path;\n const newPath = originalPath.replace('/' + base, '') || '/';\n console.log('Server: Kept route:', originalPath, '->', newPath);\n return {\n ...route,\n path: newPath,\n meta: { ...route.meta, websiteId }, // Add websiteId to route meta\n };\n });\n },\n };\n `,\n });\n\n nuxt.hook('app:templates', (app) => {\n const routerOptionsTemplate = app.templates.find(\n (t) => t.filename === 'router.options.mjs'\n );\n if (!routerOptionsTemplate || !routerOptionsTemplate.getContents) return;\n\n const originalGetContents = routerOptionsTemplate.getContents;\n routerOptionsTemplate.getContents = async (data) => {\n const content = await originalGetContents(data);\n const patchIndex = content.indexOf('...configRouterOptions,');\n if (patchIndex === -1) return content;\n\n const newPatchPosition = patchIndex + '...configRouterOptions,'.length;\n return [\n 'import hostnameRouterOptions from \"#build/hostname-router.options.mjs\";',\n content.slice(0, newPatchPosition),\n ` ...hostnameRouterOptions,${content.slice(newPatchPosition)}`,\n ].join('\\n');\n };\n });\n },\n});\n```\n\n### Additional information\n\n- [x] 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).",[2945],{"name":2946,"color":2947},"pending triage","E99695",31284,"Support multi-tenancy routing","2025-03-16T16:51:15Z","https://github.com/nuxt/nuxt/issues/31284",0.77546895,{"description":2954,"labels":2955,"number":2961,"owner":2871,"repository":2962,"state":2901,"title":2963,"updated_at":2964,"url":2965,"score":2966},"\n",[2956,2958],{"name":2910,"color":2957},"ff281a",{"name":2959,"color":2960},"responsive","1cd1c6",643,"nuxt.com","[Project] Responsive `branches` and `files` modals","2023-02-15T12:32:41Z","https://github.com/nuxt/nuxt.com/issues/643",0.779309,{"description":2968,"labels":2969,"number":2891,"owner":2871,"repository":2962,"state":2901,"title":2972,"updated_at":2973,"url":2974,"score":2896},"- [x] `Get in touch` button on case study page CTA\n- [x] `Prev` and `Next` actions with `surround` from content module\n- [x] `Contact` and `Get started` buttons on case studies index page CTA\n- [x] Split `Prev` and `Next` to a component\n- [x] CTAs from index and slug page component\n\nOn the design part, as mentioned here https://github.com/nuxtlabs/nuxt.com/issues/189#issuecomment-1082889840:\n\n- [x] Right illustration on Pentest Tools showcase is splitted into two different svgs, I would need only one\n- [x] Right illustration on stores.jp showcase is way too big and does not fit its content",[2970],{"name":2868,"color":2971},"1ad6ff","Case studies (remaining tasks)","2023-02-15T12:30:43Z","https://github.com/nuxt/nuxt.com/issues/238",["Reactive",2976],{},["Set"],["ShallowReactive",2979],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f03SRDsY3lWCFTtwidlNy_peDtcypA2c7mDy9mbXrbW0":-1},"/nuxt/scripts/247"]