\r\n \u003Ctemplate v-else-if=\"entry\">\r\n \u003Chero-builder :entry=\"entry\"/>\r\n \u003Cbuilder-landing-page :entry=\"entry\"/>\r\n \u003C/template>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\r\n\u003Cscript setup>\r\n import {entryMeta} from '~/helpers';\r\n import groqQuery from '~/queries/groq/home-page';\r\n const config = useRuntimeConfig();\r\n const route = useRoute();\r\n const query = groqQuery();\r\n\r\n const { pending, data:entry, error } = useSanityQuery(query);\r\n console.log({pending: pending.value, error:error.value, entry:entry.value});\r\n if (error && error.value) {\r\n throw createError({statusCode:500})\r\n } else if (entry) {\r\n const meta = entryMeta(entry.value);\r\n useHead({\r\n title:entry.value?.meta?.title,\r\n meta: meta,\r\n link: [\r\n {rel:'canonical',href:'/'}\r\n ]\r\n })\r\n } else {\r\n console.error('Unknown error occured')\r\n }\r\n\u003C/script>\r\n \r\n```\r\n\r\nand here is my nuxt.config:\r\n\r\n```\r\n\r\nexport default defineNuxtConfig({\r\n\tmodules: [\"@nuxtjs/sanity\",'nuxt-jsonld','@pinia/nuxt','@nuxt/image-edge'],\r\n\tsanity: {\r\n\t\tprojectId: \"say5yn59\",\r\n\t\tapiVersion: '2022-10-14',\r\n\t\tuseCdn:false,\r\n\t\tdataset:process.env.SANITY_DATASET\r\n\t},\r\n\tprivateRuntimeConfig: {\r\n\t\tsanity: {\r\n\t\t\ttoken: process.env.SANITY_TOKEN,\r\n\t\t},\r\n\t},\r\n\tpublicRuntimeConfig:{\r\n\t\tsiteName:'Cool Planet',\r\n\t\tbaseUrl:process.env.BASE_URL\r\n\t},\r\n\ttarget: 'static',\r\n\timage: {\r\n \t\t// Options\r\n \t\tsanity: {\r\n\t\t\tprojectId: 'say5yn59',\r\n\t\t\tdataset: 'production'\r\n\t\t},\r\n \t\tscreens:{\r\n \t\t\txxs:320,\r\n\t\t\txs: 359,\r\n\t\t\tsm: 640,\r\n\t\t\tmd:768,\r\n\t\t\tlg: 1024,\r\n\t\t\txl: 1280,\r\n\t\t\txxl:1536,\r\n\t\t\txxxl:1920,\r\n\t\t\tquadHd:2400,\r\n\t\t\t'4k':3700,\r\n \t\t}\r\n\t},\r\n\tcss:[\r\n\t\t\"@/assets/scss/main.scss\"\r\n\t],\r\n\tvite: {\r\n css: {\r\n preprocessorOptions: {\r\n scss: {\r\n additionalData: '@use \"@/assets/scss/tools.scss\" as *;'\r\n },\r\n },\r\n },\r\n },\r\n alias: {\r\n \"@app\": \"/@app\"\r\n }\r\n})\r\n\r\n```\r\n\r\n### Logs\r\n\r\n```shell\r\nNo logs are available.\r\n```\r\n",[3011,3012,3013],{"name":2998,"color":2999},{"name":2952,"color":2953},{"name":3014,"color":2937},"needs reproduction",15441,"Nuxt 3 fails to run fetch or render any components on client side – only works on full page refresh on server","2023-01-19T17:50:23Z","https://github.com/nuxt/nuxt/issues/15441",0.63599825,{"description":3021,"labels":3022,"number":3026,"owner":2942,"repository":2942,"state":3003,"title":3027,"updated_at":3028,"url":3029,"score":3030},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.3\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools, experimental\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-issues-25423\r\n\r\n### Describe the bug\r\n\r\nUsing nested slots in a server components + `nuxt-client` breaks:\r\n\r\nExample\r\n\r\n```vue\r\n\u003C!-- ServerComp.vue -->\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CAppButton nuxt-client>\r\n \u003Cslot />\r\n \u003C/AppButton>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n```vue\r\n\u003C!-- App.vue -->\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CServerComp>\r\n Some slot content here\r\n \u003C/ServerComp>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3023,3024,3025],{"name":2998,"color":2999},{"name":2936,"color":2937},{"name":2939,"color":2940},25423,"Respect named slots in server components","2024-03-06T15:26:20Z","https://github.com/nuxt/nuxt/issues/25423",0.63604665,{"description":3032,"labels":3033,"number":3038,"owner":2942,"repository":2942,"state":3003,"title":3039,"updated_at":3040,"url":3041,"score":3042},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.17.0\r\n- Nuxt Version: 3.7.4\r\n- CLI Version: 3.9.0\r\n- Nitro Version: 2.6.3\r\n- Package Manager: yarn@1.22.19\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://github.com/huang-julien/julien-huang.dev/blob/main/components/ProjectCard.vue\r\nhttps://github.com/huang-julien/julien-huang.dev/blob/main/components/ProjectsList.server.vue\r\n\r\n`ProjectsList.server.vue` has a workaround which is to copy the styles of `ProjectCard`. Remove all styles from ProjectsList to reproduce the issue\n\n### Describe the bug\n\nIt seems that components called within a server component does not get their styles send with the island response.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3034,3035,3036,3037],{"name":2998,"color":2999},{"name":2933,"color":2934},{"name":2936,"color":2937},{"name":2939,"color":2940},24480,"islands: nested components styles are not send with the server component","2024-01-28T21:27:29Z","https://github.com/nuxt/nuxt/issues/24480",0.6449795,{"description":3044,"labels":3045,"number":3048,"owner":2942,"repository":2942,"state":3003,"title":3049,"updated_at":3050,"url":3051,"score":3052},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.0\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-4byrfr?file=modules%2Fcode-block.ts,app.vue\r\n\r\n### Describe the bug\r\n\r\nI have installed a vue component from NPM and created a nuxt module for it:\r\n\r\n```javascript\r\nimport { defineNuxtModule, addComponent } from '@nuxt/kit'\r\n\r\nexport default defineNuxtModule({\r\n setup() {\r\n addComponent({\r\n name: 'VCodeBlock',\r\n export: 'VCodeBlock',\r\n filePath: '@wdns/vue-code-block',\r\n mode: \"client\",\r\n })\r\n },\r\n})\r\n```\r\n\r\nHowever, despite `mode: \"client\"` whenever I put it in a nuxt page, layout or component I still get an ssr related issue\r\n\r\n```\r\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.\r\n[Vue warn]: Component \u003CAnonymous> is missing template or render function.\r\n```\r\nI also have the same error if I just import the component without using nuxt modules \r\nIf I completely disable SSR, it works fine. \r\n\r\nIf I remove mode client, it's worse : it says window is undefined\r\n\r\nI would assume the problem is that the module is client side... but the component use it in isn't, therefore it's rendered before it should. \r\n\r\nIt does feel like a bug however because you'd assume mode client would work. What does `mode:client` do exactly ? \r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.\r\n[Vue warn]: Component \u003CAnonymous> is missing template or render function.\r\n```\r\n",[3046,3047],{"name":2998,"color":2999},{"name":2952,"color":2953},24478,"node_modules component in nuxt modules : I still get SSR related errors despite `mode:client`","2023-11-28T23:34:19Z","https://github.com/nuxt/nuxt/issues/24478",0.6468049,["Reactive",3054],{},["Set"],["ShallowReactive",3057],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fbbPVeb3gP4FhnvVrw6nkKkiXUKFlMmj8Kd-HDYLHm28":-1},"/nuxt/nuxt/26527"]