\u003C/Suspense>',\r\n})\r\n\r\nconst wrapper = render(TestComponent, {\r\n global: {},\r\n})\r\ndescribe(`[${TestComponent.__name}]`, () => {\r\n test('正常系', () => {\r\n expect(true).toBe(true)\r\n })\r\n})\r\n```",[2884,2887],{"name":2885,"color":2886},"vitest-environment","b60205",{"name":2888,"color":2889},"needs reproduction","DE7793",562,"test-utils","closed","TypeError: Invalid URL","2023-12-02T22:52:43Z","https://github.com/nuxt/test-utils/issues/562",0.47140595,{"description":2898,"labels":2899,"number":2903,"owner":2875,"repository":2904,"state":2892,"title":2905,"updated_at":2906,"url":2907,"score":2908},"",[2900],{"name":2901,"color":2902},"enhancement","1ad6ff",359,"nuxt.com","Fetch components from project url `/api/component-meta`","2022-04-19T13:51:35Z","https://github.com/nuxt/nuxt.com/issues/359",0.64929694,{"description":2910,"labels":2911,"number":2903,"owner":2875,"repository":2891,"state":2892,"title":2912,"updated_at":2913,"url":2914,"score":2908},"Update e2e section to use `@nuxt/test-utils`\r\n\r\nhttps://nuxtjs.org/guide/development-tools#end-to-end-testing",[],"update e2e section in nuxtjs.org","2023-12-02T00:13:09Z","https://github.com/nuxt/test-utils/issues/359",{"description":2916,"labels":2917,"number":2918,"owner":2875,"repository":2904,"state":2892,"title":2919,"updated_at":2920,"url":2921,"score":2922},"Fetch project components from API\n\nBlocked by #167 ",[],165,"Pass components as props in `DocusEditor`","2022-04-21T12:50:26Z","https://github.com/nuxt/nuxt.com/issues/165",0.71916944,{"description":2924,"labels":2925,"number":2918,"owner":2875,"repository":2926,"state":2892,"title":2927,"updated_at":2928,"url":2929,"score":2922},"Script can be found [here](https://help.ads.microsoft.com/#apex/ads/en/56686/2-500)\r\n\r\nI attempted to implement it myself like below, but I am running into problems with UET not being available from the script that is being set, since it is part of the script being loaded.\r\n```ts\r\nconst { uetq, $script } = useRegistryScript('bing', () => ({\r\n scriptInput: {\r\n src: 'https://bat.bing.com/bat.js',\r\n async: true,\r\n crossorigin: false,\r\n },\r\n scriptOptions: {\r\n use() {\r\n return { uetq: window.uetq }\r\n },\r\n },\r\n clientInit: import.meta.server\r\n ? undefined\r\n : () => {\r\n window.uetq = window.uetq || []\r\n\r\n const options = { ti: 'YOUR_KEY_HERE', enableAutoSpaTracking: true }\r\n // @ts-expect-error untyped\r\n options.queue = window.uetq\r\n // @ts-expect-error untyped\r\n window.uetq = new UET(options)\r\n\r\n window.uetq.push('consent', 'default', { ad_storage: 'denied' })\r\n },\r\n}))\r\n```\r\n\r\nThe original script creates a brand new script element with `https://bat.bing.com/bat.js` as the source and then sets the window.uetq from there, but I am unsure how to recreate that in a registry script.",[],"scripts","Add Microsoft UET to registry","2024-09-03T16:09:41Z","https://github.com/nuxt/scripts/issues/165",{"description":2931,"labels":2932,"number":2940,"owner":2875,"repository":2875,"state":2892,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### Environment\n\nNuxt 3.2.0\n\n### Reproduction\n\nnuxt.config 👍 \r\n```js\r\nrouteRules: {\r\n // see https://nuxt.com/docs/guide/concepts/rendering#route-rules\r\n '/api/**': {\r\n // enable CORS\r\n cors: true,\r\n }\r\n}\r\n```\r\n\n\n### Describe the bug\n\naccording to MDN CORS spec, header should be :\r\nhttps://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Methods\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2933,2936,2937],{"name":2934,"color":2935},"3.x","29bc7f",{"name":2866,"color":2867},{"name":2938,"color":2939},"upstream","E8A36D",19057,"wrong CORS header access-control-allowed-methods should be access-control-allow-methods","2023-02-15T17:10:35Z","https://github.com/nuxt/nuxt/issues/19057",0.73640454,{"description":2946,"labels":2947,"number":2957,"owner":2875,"repository":2875,"state":2892,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Versions\r\n\r\n- v2.14.6\r\n\r\n### Reproduction\r\n\r\nhttps://codesandbox.io/s/crazy-browser-fw1wo?file=/components/ArchiveFetcher.vue\r\n\r\n### Steps to reproduce\r\n\r\n``` \r\ndata() {\r\n return {\r\n fetchedPosts: [],\r\n };\r\n },\r\n components: {\r\n //CountriesList,\r\n CountriesList: () => import(\"~/components/CountriesList\"),\r\n },\r\n async fetch() {\r\n if (process.server) {\r\n let url = \"https://jsonplaceholder.typicode.com/posts\";\r\n console.warn(url, \"Archive fetching\");\r\n try {\r\n this.fetchedPosts = await this.$axios.$get(url);\r\n } catch (err) {\r\n return this.$nuxt.error({ statusCode: 404, message: err.message });\r\n }\r\n console.log(this.fetchedPosts); - return array of posts\r\n }\r\n },\r\n mounted() {\r\n console.warn(this.fetchedPosts); - return [];\r\n }, \r\n```\r\n\r\nAsync import component and try to use it with server-side data.\r\n\r\n### What is Expected?\r\nExpected the same behavior as default components import, without remounting\\refetching on the client.\r\n\r\n### What is actually happening?\r\nWhen we use such construction (async components import) - the component is filling with data on the server-side, but then it looks like remounting on the client without any data and trying to fetch it again.\r\nWhen I import a component in the default way, it works as expected, without losing data on the client.\r\n\r\nI hope I describe the issue clearly enough, but let me know if you need any additional info.",[2948,2951,2954],{"name":2949,"color":2950},"stale","ffffff",{"name":2952,"color":2953},"pending triage","E99695",{"name":2955,"color":2956},"2.x","d4c5f9",8513,"Component remounting and refetching data on client side in case of usage async components import","2023-01-22T15:38:24Z","https://github.com/nuxt/nuxt/issues/8513",0.7372538,{"description":2963,"labels":2964,"number":2966,"owner":2875,"repository":2875,"state":2892,"title":2967,"updated_at":2968,"url":2969,"score":2970},"I am not sure if it explicitly the purpose of the project to provide components that are either always client-side rendered or both server and client-side (universal); however, is it possible to render components or pages completely on the server and avoid client-side hydration?\r\n\r\nThe main use case is that I want to tap into a REST API to generate the data that will shape the components. The issue that I am running into is that I am running into CORS issues on the client side and I believe that I am possibly exposing credentials into the front end. \r\n\r\nThe REST API that I am using relies on credentials and I would prefer if I can manage this completely with the middleware and Vue stores; however, if I try to go this route and try to make the components only grab the data if the context is on the server, I get console errors reporting that there are differences between the client and server rendered components.\r\n\r\nIf the ability to render the components only on the server side was possible, I think Nuxt would be an even more better platform. I think it would be a killer use case in that you can have single file components with the light use of javascript as needed. I could also avoid DOM interactions completely.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7344\">#c7344\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2965],{"name":2955,"color":2956},3509,"Is it possible to have components/pages that are rendered on the server ONLY","2023-01-18T16:24:10Z","https://github.com/nuxt/nuxt/issues/3509",0.74627614,{"description":2972,"labels":2973,"number":2979,"owner":2875,"repository":2875,"state":2892,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### Environment\n\n- Operating System: `Linux`\r\n- Node Version: `v21.5.0`\r\n- Nuxt Version: `3.10.1`\r\n- CLI Version: `3.10.0`\r\n- Nitro Version: `2.8.1`\r\n- Package Manager: `yarn@1.22.21`\r\n- Builder: `-`\r\n- User Config: `devtools`, `app`, `experimental`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\nflags:\r\n`{ experimental: { componentIslands: { selectiveClient: true } }`\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/marccremer/nuxt_islands_issue\n\n### Describe the bug\n\nWhen you rerender a server component it doesnt work on the inner client components.\r\nIn the example you change the props by clicking on the button.\r\nYou expect \"heyfalse\" to turn into \"heytrue\".\r\nNothing happens\n\n### Additional context\n\nThe given example works when you remove the baseUrl.\r\nIt seems that on rererend er the dynmic import doesnt take the baseUrl.\r\nIt should be `import(\"http://localhost:3000\"+baseUrl+\"component.vue\")`\r\nBut it does instead this\r\n`import(\"http://localhost:3000\"+\"component.vue\")`\r\nAnd doesnt find the import.\r\n\n\n### Logs\n\n```shell-script\nUncaught (in promise) TypeError: Failed to fetch dynamically imported module: http://localhost:3000/_nuxt/@fs/home/redacted/nuxt_island_issue/components/ClientShow.vue?import\n```\n",[2974,2975,2976],{"name":2934,"color":2935},{"name":2952,"color":2953},{"name":2977,"color":2978},"server components","839413",25676,"Client component within server component not working, when app.baseUrl is set","2024-03-15T16:16:42Z","https://github.com/nuxt/nuxt/issues/25676",0.7473272,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fEKcBIw6WvDIHKm49E_3FOcmxI5T4nOlbC2-BwQ8oymE":-1},"/nuxt/nuxt.com/562"]