\r\n \u003C/NuxtLayout>\r\n \u003C/ClientOnly>\r\n\u003C/template>\r\n```\r\n\r\n### Describe the bug\r\n\r\nWhen using a `\u003CClientOnly>` component around the `App.vue` (only SSR the app shell), the NuxtLayout warning will appear even though the component is used.\r\n\r\n### Additional context\r\n\r\nRelated: https://github.com/nuxt/nuxt/issues/24912\r\n\r\n### Logs\r\n\r\n_No response_",[3250,3253,3256,3257],{"name":3251,"color":3252},"3.x","29bc7f",{"name":3254,"color":3255},"dx","C39D69",{"name":3188,"color":3189},{"name":3258,"color":3259},"🍰 p2-nice-to-have","0E8A16",25196,"`\u003CNuxtLayout /> component has not been used.` Warning when using `\u003CClientOnly>` in `app.vue`","2024-02-09T20:33:36Z","https://github.com/nuxt/nuxt/issues/25196",0.7650365,{"description":3266,"labels":3267,"number":3273,"owner":3165,"repository":3179,"state":3192,"title":3274,"updated_at":3275,"url":3276,"score":3277},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v18.17.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@9.6.7\r\n- Builder: -\r\n- User Config: devtools, plugins, build, typescript, modules, testUtils\r\n- Runtime Modules: @nuxt/test-utils/module@3.12.0, ()\r\n- Build Modules: -\r\n\r\npackage.json\r\n```\r\n{\r\n \"name\": \"nuxt-app\",\r\n \"private\": true,\r\n \"type\": \"module\",\r\n \"scripts\": {\r\n \"build\": \"nuxt build\",\r\n \"dev\": \"nuxt dev\",\r\n \"generate\": \"nuxt generate\",\r\n \"preview\": \"nuxt preview\",\r\n \"postinstall\": \"nuxt prepare\"\r\n },\r\n \"dependencies\": {\r\n \"@mdi/font\": \"^7.4.47\",\r\n \"@prisma/client\": \"^5.12.1\",\r\n \"nuxt\": \"^3.11.2\",\r\n \"prisma\": \"^5.12.1\",\r\n \"ts-node\": \"^10.9.2\",\r\n \"vue\": \"^3.4.21\",\r\n \"vue-router\": \"^4.3.0\"\r\n },\r\n \"devDependencies\": {\r\n \"@nuxt/test-utils\": \"^3.12.0\",\r\n \"@nuxtjs/vuetify\": \"^1.12.3\",\r\n \"@types/node\": \"^20.12.7\",\r\n \"@vue/test-utils\": \"^2.4.5\",\r\n \"happy-dom\": \"^13.10.1\",\r\n \"playwright-core\": \"^1.43.0\",\r\n \"vite-plugin-vuetify\": \"^2.0.3\",\r\n \"vitest\": \"^1.4.0\",\r\n \"vuetify\": \"^3.5.14\"\r\n },\r\n \"prisma\": {\r\n \"seed\": \"ts-node prisma/seed.ts\",\r\n \"reset\": \"ts-node prisma/reset.ts\"\r\n }\r\n}\r\n\r\n```\r\n\r\n### Reproduction\r\n\r\n1. Import the following Github into your local environment\r\n2. Run `npm install` in the environment imported to local\r\n3. Run `npx vitest index`\r\n\r\nGithub:https://github.com/motoo1789/nuxt-test-utils_report\r\n\r\n### Describe the bug\r\n\r\nObjective: \r\nI want to test an API via useFetch from Vuetify components.\r\n\r\nError occurrence:\r\nTo achieve this goal, I've used '@nuxt/test-utils/runtime'.\r\nHowever, I encountered errors in the logs.\r\nTo identify the cause, I've minimized the provided repository.\r\nAs a result, it seems that an error occurs when \"index.vue\" is imported and used.\r\nPreviously, I was using 'import { defineConfig } from \"vite\";' in vitest.config.ts and there were no errors in the logs at that time.\r\n\r\nBoth `\u003Ctemplage> \u003Cscript>` are present in[ index.vue](https://github.com/motoo1789/nuxt-test-utils_report/blob/main/pages/index.vue).\r\nCould you please advise me on this.\r\n\r\n### Additional context\r\nAs a solution for related errors, you can remove Vue() from the plugin in the vite.config.m{ts|js} file. \r\nIf you remove Vue() from plugins in the vitest.config.m{ts|js} file it complains Vuetify needs to be loaded before the Vue plugin.\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\nFAIL tests/pages/index.test.ts [ tests/pages/index.test.ts ]\r\nSyntaxError: At least one \u003Ctemplate> or \u003Cscript> is required in a single file component.\r\n ❯ Object.parse$2 [as parse] node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:1921:7\r\n ❯ createDescriptor node_modules/@vitejs/plugin-vue/dist/index.mjs:74:43\r\n ❯ transformMain node_modules/@vitejs/plugin-vue/dist/index.mjs:2367:34\r\n ❯ TransformContext.transform node_modules/@vitejs/plugin-vue/dist/index.mjs:2910:16\r\n ❯ Object.transform node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:51172:62\r\n ❯ loadAndTransform node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:53923:29\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\nSerialized Error: { id: 'C:/Users/motoo/report/nuxt-test-utils_report/pages/index.vue', plugin: 'vite:vue', pluginCode: 'const _sfc_main = {}\\nimport { createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\\n\\nfunction _sfc_render(_ctx, _cache) {\\n \\n\\n return (_openBlock(), _createElementBlock(\"div\", null, [\\n _createVNode(_component_v_card)\\n ]))\\n}\\n\\n\\nimport _export_sfc from \\'\\u0000plugin-vue:export-helper\\'\\nexport default /*#__PURE__*/_export_sfc(_sfc_main, [[\\'render\\',_sfc_render],[\\'__file\\',\"C:/Users/motoo/report/nuxt-test-utils_report/pages/index.vue\"]])\\n\\n/* Vuetify */\\nimport { VCard as _component_v_card } from \"vuetify/lib/components/VCard/index.mjs\"\\n\\n' }\r\n```\r\n",[3268,3269,3272],{"name":3188,"color":3189},{"name":3270,"color":3271},"vitest-environment","b60205",{"name":3228,"color":3229},842,"Unit test error using 'Vitest, @nuxt/test-utils' (SyntaxError: At least one \u003Ctemplate> or \u003Cscript> is required for each file component. )","2024-05-13T15:02:36Z","https://github.com/nuxt/test-utils/issues/842",0.7690161,["Reactive",3279],{},["Set"],["ShallowReactive",3282],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frgt-UQ7lHpYr6MAc4vDX15SyMGKjhN9Ip6xj9D-Evm0":-1},"/nuxt/nuxt.com/627"]