\r\n\u003C/template>\r\n```\r\n\r\nThis components prints undefined in the console if its clientonly (it works if wrapped in ClientOnly but not if the file is .client.vue)\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2038,2039],{"name":2016,"color":2017},{"name":2040,"color":2041},"pending triage","E99695",24398,"Template Refs are undefined in onMounted hook in *.client.vue components","2023-11-22T00:04:50Z","https://github.com/nuxt/nuxt/issues/24398",0.69704276,{"labels":2048,"number":2056,"owner":1991,"repository":1991,"state":2022,"title":2057,"updated_at":2058,"url":2059,"score":2060},[2049,2050,2053],{"name":2016,"color":2017},{"name":2051,"color":2052},"bug","d73a4a",{"name":2054,"color":2055},"🔨 p3-minor","FBCA04",14242,"ref is not defined when import.meta.glob is used when template has an html class","2023-01-19T17:30:08Z","https://github.com/nuxt/nuxt/issues/14242",0.69904244,{"description":2062,"labels":2063,"number":2072,"owner":1991,"repository":1991,"state":2022,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### Environment\r\n\r\n```\r\n❯ npx nuxi info\r\nNuxi 3.0.0\r\n\r\nRootDir: /home/projects/github-dpyktf-owfxvw\r\nNuxt project info: \r\n\r\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n```\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-dpyktf-owfxvw?file=app.vue\r\n\r\n### Describe the bug\r\n\r\n[Template refs](https://vuejs.org/guide/essentials/template-refs.html) are not available on [client-side only components](https://nuxt.com/docs/guide/directory-structure/components#client-components) defined in `.client` files.\r\n\r\nIt works as expected on components not having `.client` in their file name. It makes no difference if SSR is enabled or not. As long as a components file name ends with `.client` the ref is not set as expected on `onMounted`.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n\r\nConsole logs from the linked StackBlitz example:\r\n\r\n```\r\n{component: 'FocusInput', ref: input}\r\n{component: 'FocusInputBroken', ref: null}\r\n```\r\n",[2064,2067,2068,2069],{"name":2065,"color":2066},"documentation","5319e7",{"name":2016,"color":2017},{"name":2051,"color":2052},{"name":2070,"color":2071},"🍰 p2-nice-to-have","0E8A16",15551,"Template refs in .client components not available at `onMounted()`","2023-01-19T17:54:02Z","https://github.com/nuxt/nuxt/issues/15551",0.69962835,{"description":2078,"labels":2079,"number":2084,"owner":1991,"repository":1991,"state":2022,"title":2085,"updated_at":2086,"url":2087,"score":2088},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v16.13.2`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `modules`, `app`, `runtimeConfig`, `lodash`, `css`, `image`\r\n- Runtime Modules: `@nuxtjs/color-mode@3.2.0`, `@nuxtjs/tailwindcss@6.2.0`, `@nuxtjs/supabase@0.3.0`, `nuxt-icon@0.1.8`, `nuxt-lodash@2.4.1`, `@pinia/nuxt@0.4.6`, `@pinia-plugin-persistedstate/nuxt@1.0.0`, `@vueuse/nuxt@9.10.0`, `@nuxt/image-edge@1.0.0-27840416.dc1ed65`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nhttps://gitlab.com/k16e/c.food/-/blob/main/pages/shop/checkout.vue\n\n### Describe the bug\n\nWriting\r\n```\r\nconst customer = ref({\r\n customer_name: '',\r\n email: '',\r\n phone: '',\r\n address: ''\r\n})\r\n```\r\nthrows error, but\r\n\r\n```\r\nconst customer = {\r\n customer_name: ref(''),\r\n email: ref(''),\r\n phone: ref(''),\r\n address: ref('')\r\n}\r\n```\r\nis fine. I just feel pained having to be repeat typing ref all the time. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2080,2081,2082],{"name":2016,"color":2017},{"name":2040,"color":2041},{"name":2083,"color":2055},"needs reproduction",12403,"Grouping ref's inside a const throws error","2023-01-21T23:03:57Z","https://github.com/nuxt/nuxt/issues/12403",0.7026563,{"description":2090,"labels":2091,"number":2096,"owner":1991,"repository":1991,"state":2022,"title":2097,"updated_at":2098,"url":2099,"score":2100},"### Environment\r\n\r\n```\r\n- Operating System: Windows_NT\r\n- Node Version: v20.10.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: pnpm@9.1.0\r\n- Builder: -\r\n- User Config: ssr, modules, app, imports, runtimeConfig, vite, spaLoadingTemplate, devServer\r\n- Runtime Modules: @bg-dev/nuxt-naiveui@1.13.0, @pinia/nuxt@0.5.1, @unocss/nuxt@0.59.4, @vueuse/nuxt@10.9.0, unplugin-icons/nuxt\r\n- Build Modules: -\r\n```\r\n\r\n(seems not related)\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-demo-789b7ff?file=app.vue\r\n\r\n### Describe the bug\r\n\r\nAuto-imported `ref`s are unwrapped to a **left-hand side expression** in `\u003Ctemplate>`.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\nUncaught SyntaxError: Invalid left-hand side expression in prefix operation\r\n```",[2092,2093],{"name":2065,"color":2066},{"name":2094,"color":2095},"good first issue","fbca04",27868,"Auto-imported `ref`s are unwrapped to a left-hand side expression in `\u003Ctemplate>`","2024-07-01T08:38:04Z","https://github.com/nuxt/nuxt/issues/27868",0.70359486,{"labels":2102,"number":2105,"owner":1991,"repository":1991,"state":2022,"title":2106,"updated_at":2107,"url":2108,"score":2109},[2103,2104],{"name":2016,"color":2017},{"name":2040,"color":2041},14465,"Template refs can only be addressed correctly during initial loading","2023-01-19T17:35:46Z","https://github.com/nuxt/nuxt/issues/14465",0.7036531,["Reactive",2111],{},["Set"],["ShallowReactive",2114],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"ESY1CE18bv_lIMuGRJGVV21TuvohWV4xU-WjLJZdl2I":-1},"/nuxt/nuxt/26239"]