\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nexport default {\r\n mounted() {\r\n console.log(\"index\", this.$el);\r\n console.log(\"index\", this.$refs);\r\n },\r\n};\r\n\u003C/script>\r\n```\r\n\r\n2. Create a `pages/about.vue` file with the following code:\r\n```vue\r\n\u003Ctemplate>\r\n \u003CNuxtLink to=\"/\">To Index\u003C/NuxtLink>\r\n\u003C/template>\r\n```\r\n\r\n3. Create a `components/Dummy.vue` file with the following code:\r\n```vue\r\n\u003Ctemplate>\r\n \u003CNuxtLink to=\"/about\">To About\u003C/NuxtLink>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nexport default {\r\n mounted() {\r\n console.log(\"dummy\", this.$el);\r\n },\r\n};\r\n\u003C/script>\r\n```\r\n\r\n4. Run the project, and from the client start on the `/about` page first.\r\n5. Navigate to the `/index` page. Note in the console that in the `mounted()` lifecycle hook in `index.vue`, `this.$el` is a comment and `this.$refs` is an empty object.\r\n\r\n### What is Expected?\r\n\r\nAs far as all Vue documentation seems to indicate, by the time `mounted()` is called `this.$el` should be the DOM element at the root of the template or the Vue component at the root of the template, and `this.$refs` should be populated. In a project I'm working on, I need to access `this.$el` in the `mounted()` hook, but since it is a comment I am not able to.\r\n\r\n### What is actually happening?\r\n\r\nWhen navigating to a page on the client side, if the page is being navigated to for the **first time from the client side** and if the root element of the page being navigated to is **another component**, then `this.$el` in the **page component** is a comment instead of the other component and `this.$refs` is an empty object when accessed in the `mounted()` lifecycle hook.",[2065,2066],{"name":2007,"color":2008},{"name":2010,"color":2011},8981,"this.$el and this.$refs not populated in mounted() hook on first client-side page render","2023-01-22T15:38:48Z","https://github.com/nuxt/nuxt/issues/8981",0.7161692,{"description":2073,"labels":2074,"number":2076,"owner":1994,"repository":1994,"state":2013,"title":2077,"updated_at":2078,"url":2079,"score":2080},"\u003C!--\r\nIMPORTANT: Please use the following link to create a new issue:\r\n\r\nhttps://cmty.app/nuxt/issues/new\r\n\r\nIf your issue was not created using the app above, it will be closed immediately.\r\n-->\r\n\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/c7406\">#c7406\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2075],{"name":2010,"color":2011},3550,"When I use npm run generate to package and use, the page refresh does not execute the public middleware, then how should I get the data when I refresh the page;","2023-01-18T16:24:16Z","https://github.com/nuxt/nuxt/issues/3550",0.7189984,{"description":2082,"labels":2083,"number":2087,"owner":1994,"repository":1994,"state":2013,"title":2088,"updated_at":2041,"url":2089,"score":2090},"### Version\r\n\r\n[v2.3.2](https://github.com/nuxt.js/releases/tag/v2.3.2)\r\n\r\n### Reproduction link\r\n\r\n[https://nuxtjs.org](https://nuxtjs.org)\r\n\r\n### Steps to reproduce\r\n\r\n```\r\nminify: {\r\n removeComments: false;\r\n}\r\n```\r\n```\r\n terser: {\r\n extractComments: false\r\n },\r\n```\r\n1. Write a comment on the page\r\n2. Yarn generate\r\n3. The comment was deleted\r\n\r\n### What is expected ?\r\n\r\ntest.vue\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003C!-- comment -->\r\n \u003Ch1>test\u003C/h1>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\ntest.html\r\n```\r\n\u003Cbody data-n-head=\"\">\r\n \u003Cdiv data-server-rendered=\"true\" id=\"__nuxt__\">\r\n ... \r\n \u003C!-- comment -->\r\n ...\r\n \u003C/body>\r\n```\r\n\r\n### What is actually happening?\r\n\r\ntest.html\r\n```\r\n\u003Cbody data-n-head=\"\">\r\n \u003Cdiv data-server-rendered=\"true\" id=\"__nuxt__\">\r\n ... \r\n \u003C!---->\r\n ...\r\n \u003C/body>\r\n```\r\nThe comment was deleted\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8251\">#c8251\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2084,2085,2086],{"name":2005,"color":1992},{"name":2007,"color":2008},{"name":2010,"color":2011},4458,"nuxt generate comment handling","https://github.com/nuxt/nuxt/issues/4458",0.7201652,["Reactive",2092],{},["Set"],["ShallowReactive",2095],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"6bZ7HUBtLmwMX5-UcZmK2ZED7DBrrHIiUwlPtK1EeOo":-1},"/nuxt/nuxt/7513"]