\r\n```\r\nNotice the newline character introduced by Prettier before and after `canvasHeight`.\r\n\r\nBut fails with \r\n```\r\nNuxt Build Error: [vite:define] Transform failed with 1 error: 3:37:13 pm\r\nF:/Projects/project/pages/index.vue?macro=true:780:56: ERROR: Invalid assignment target\r\n```\r\n\r\n\r\nDisabling prettier autoformating for the line and removing new line fixes it.\r\n```\r\n\u003C!-- prettier-ignore -->\r\n \u003Cinput\r\n type=\"text\"\r\n v-model.number=\"canvasHeight\" \r\n class=\"text-sm font-semibold w-10 text-center\" />\r\n```\r\nThis works.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2948,2951],{"name":2949,"color":2950},"3.x","29bc7f",{"name":2868,"color":2869},26649,"Invalid Assignment Target Error when running npm run generate","2024-04-05T10:46:55Z","https://github.com/nuxt/nuxt/issues/26649",0.7056415,{"description":2958,"labels":2959,"number":2962,"owner":2871,"repository":2871,"state":2903,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### Environment\r\n\r\n- Operating System: windows10\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.8.2\r\n- vue: 3.3.10\r\n- vue-router: 4.2.5\r\n- Package Manager: npm@10.2.3\r\n\r\n### Reproduction\r\n\r\n复现地址:https://stackblitz.com/edit/github-hi9xzq?file=app.vue,pages%2Findex.vue,pages%2Ftest.vue\r\n\r\n### Describe the bug\r\n\r\n### 这个Index组件beforeRouteEnter钩子函数在浏览器刷新页面的时候未执行nuxt传入的回调函数,正常的nuxt-link组件跳转就会正常执行。\r\n```\r\n\r\n\u003Cscript lang=\"tsx\">\r\nexport default defineComponent({\r\n name: 'Index',\r\n beforeRouteEnter(to, form, next) {\r\n console.log({ to, form, next })\r\n return next(vm => {\r\n console.log({ vm })\r\n })\r\n },\r\n setup() {\r\n return () => (\r\n \u003Cdiv>\r\n \u003Cdiv>Index\u003C/div>\r\n \u003Cnuxt-link to=\"/test\">Text\u003C/nuxt-link>\r\n \u003C/div>\r\n )\r\n }\r\n})\r\n\u003C/script>\r\n\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_\n```[tasklist]\n### Tasks\n```\n",[2960,2961],{"name":2949,"color":2950},{"name":2868,"color":2869},24989,"nuxt3 的tsx组件中beforeRouteEnter感觉有怪异的情况","2024-01-02T04:51:38Z","https://github.com/nuxt/nuxt/issues/24989",0.7060199,{"description":2968,"labels":2969,"number":2973,"owner":2871,"repository":2902,"state":2903,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.10.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: nitro, build, compatibilityDate, devtools, ssr, css, modules, i18n\n- Runtime Modules: @nuxt/ui@3.1.0, @nuxt/test-utils@3.17.2, @nuxt/image@1.10.0, @nuxt/icon@1.12.0, @nuxt/fonts@0.11.2, @nuxt/eslint@1.3.0, @nuxtjs/i18n@9.5.3, @nuxtjs/leaflet@1.2.6, @pinia/nuxt@0.11.0\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/fancy-river-42j5xw?workspaceId=ws_GgeGxunRZmD7bdWXHYL2Xk\n\n### Description\n\nWhile the `USlideOver` is active, it is not possible to interact with the background elements, even if `:overlay=\"false\"`. This seems counter-intuitive and [formerly classified as a bug in v2](https://github.com/nuxt/ui/issues/1402#issuecomment-2872304863).\n\n### Additional context\n\ntested with both 3.1.1 and 3.1.0\n\nA workaround is setting `\"pointer-events: auto\"` in the background element styles, which seems to enable all pointer events.\n\n### Logs\n\n```shell-script\n\n```",[2970,2971,2972],{"name":2890,"color":2891},{"name":2896,"color":2897},{"name":2899,"color":2900},4135,"Slideover blocks background interaction even with `overlay=false`","2025-05-13T12:59:56Z","https://github.com/nuxt/ui/issues/4135",0.7060906,{"description":2979,"labels":2980,"number":2989,"owner":2871,"repository":2871,"state":2903,"title":2990,"updated_at":2991,"url":2992,"score":2993},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.7.1\r\n- CLI Version: 3.7.3\r\n- Nitro Version: 2.6.2\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: experimental\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Reproduction\n\nYou can use my old preproduction from #23051 https://stackblitz.com/edit/github-ydxe3t?file=pages%2Findex.vue\r\n\r\nSee that the scoped style (margin) applies to the component. However, if you update Nuxt to 3.7.3, the style no longer applies, since the data-v attribute was removed. \n\n### Describe the bug\n\nThe issue #23051 was fixed in #23095.\r\n\r\nHowever, this prevented scoped style from being applied to the component. \r\n\n\n### Additional context\n\nSorry for the delayed feedback. As I noted in https://github.com/nuxt/nuxt/pull/23095#issuecomment-1712583276 the removal of data-v attribute entirely lead to styles not being reproduced. I already debugged the issue and I'm going to create a PR with a simple suggested fix.\r\n\r\nThis PR will revert the expected behavior of scoped styles as in 3.7.1 while keeping @huang-julien 's fix for 404 on soft navigation due to different component hash.\n\n### Logs\n\n_No response_",[2981,2982,2983,2986],{"name":2949,"color":2950},{"name":2890,"color":2891},{"name":2984,"color":2985},"🔨 p3-minor","FBCA04",{"name":2987,"color":2988},"server components","839413",23385,"Fix for #23051 broke scoped styles in server components","2023-09-28T07:36:15Z","https://github.com/nuxt/nuxt/issues/23385",0.7093826,["Reactive",2995],{},["Set"],["ShallowReactive",2998],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fXd8hCaMl8wDNtOGeBzvaxnmvL8fCL7Z47eZNh9aLbZk":-1},"/nuxt/ui/3739"]