\r\n \u003C/div>\r\n```\r\n\r\nlayout2:\r\n\r\n``` vue\r\n\u003Cdiv>\r\n \u003Cnuxt />\r\n \u003C/div>\r\n```\r\n\r\npage1:\r\n\r\n``` js\r\nexport default {\r\n layout: 'layout1'\r\n}\r\n```\r\n\r\npage2:\r\n\r\n``` js\r\nexport default {\r\n layout: 'layout2',\r\n created () {\r\n console.log('Page2 is created')\r\n },\r\n mounted () {\r\n console.log('Page2 is mounted')\r\n }\r\n}\r\n```\r\n\r\nIf I switch from route page1 to page2, the page2 will be rendered two times\r\n\r\n\r\n\r\nI guess the key in page1 caused this problem\r\n\r\nIf I remove the key from page1, the render becomes normal\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c608\">#c608\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3087],{"name":3024,"color":3025},714,"When routing is switched, the component will be rendered two times","2023-01-18T15:39:41Z","https://github.com/nuxt/nuxt/issues/714",0.6965533,{"description":3094,"labels":3095,"number":3097,"owner":3027,"repository":3027,"state":3028,"title":3098,"updated_at":3099,"url":3100,"score":3101},"When my project integrates vue-router-sync, the URL hash value is automatically deleted every time the page is relaoded\r\n\r\nNUXT : RC-6\r\n\r\n```\r\nmodule.exports = {\r\n /*\r\n ** Headers of the page\r\n */\r\n head: {\r\n title: 'starter',\r\n meta: [\r\n { charset: 'utf-8' },\r\n { name: 'viewport', content: 'width=device-width, initial-scale=1' },\r\n { hid: 'description', name: 'description', content: 'Nuxt.js project' }\r\n ],\r\n link: [\r\n { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }\r\n ]\r\n },\r\n /*\r\n ** Global CSS\r\n */\r\n css: ['~assets/css/main.css'],\r\n /*\r\n ** Customize the progress-bar color\r\n */\r\n loading: { color: '#3B8070' },\r\n plugins: [{\r\n src: '~/plugins/router.js'\r\n }]\r\n}\r\n\r\n```\r\n\r\n```\r\n// plugins/router.js\r\n\r\nimport { sync } from 'vuex-router-sync'\r\n\r\nexport default function ({ app: {store, router, $axios }, error, isServer }) {\r\n sync(store, router)\r\n}\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://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1361\">#c1361\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3096],{"name":3024,"color":3025},1527,"URL hash value is automatically removed","2023-01-18T15:41:52Z","https://github.com/nuxt/nuxt/issues/1527",0.6971715,{"description":3103,"labels":3104,"number":3106,"owner":3027,"repository":3027,"state":3028,"title":3107,"updated_at":3108,"url":3109,"score":3110},"I'm having this strange issue to where when I go to a certain page via a `router-link` The page doesn't render correctly (css? seems off), but if i hit refresh the page then renders fine, I have no errors or warnings in the console or chromes web inspector, here is an example:\r\n\r\nHere is what it looks like normally, if i go to the URL directly or hit refresh:\r\n\r\n\r\n\r\nAnd here is what happens when I visit the page via `router-link`\r\n\r\n\r\n\r\nThe oddness is not random, its exactly like this every time, and its not just sometimes when its from a router-link, its consistent\r\n\r\nSome extra info about my setup:\r\n\r\nI've modified layouts/default.vue to supply my header and footers, ex:\r\n\r\n```vue\r\n\u003Ctemplate lang=\"pug\">\r\n #app\r\n Top\r\n nuxt\r\n Bottom\r\n Login\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport Top from '~/components/layout/Top.vue'\r\nimport Bottom from '~/components/layout/Bottom.vue'\r\nimport Login from '~/components/Login.vue'\r\nexport default {\r\n components: { Top, Bottom, Login },\r\n}\r\n\u003C/script>\r\n\r\n\u003Cstyle lang=\"stylus\">\r\n@import '../assets/stylus/main'\r\n\u003C/style>\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://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1614\">#c1614\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3105],{"name":3024,"color":3025},1799,"Page rendering is off via the router","2023-01-18T15:54:46Z","https://github.com/nuxt/nuxt/issues/1799",0.6972307,{"description":3112,"labels":3113,"number":3115,"owner":3027,"repository":3027,"state":3028,"title":3116,"updated_at":3117,"url":3118,"score":3119},"When i build my project, using (nuxt build -a) i got gzipped files with size down to limit recommended.\r\n\r\nWhen i try load my application i got strange issue with css style.\r\n\r\nI need to wait a litle bit time (near to 3 seconds) to load all my css content\r\n\r\nThis is the print at first moment : http://prntscr.com/nw2h0p\r\n\r\n\r\nThis is the print when application are complet loaded : http://prntscr.com/nw2h9p\r\n\r\nObs: who wants to check, here's my application : https://dinheirow-lp.herokuapp.com/\r\n\r\nAnyone with the same problem?\r\n\r\nThank you!\r\n\r\n\u003C!--cmty-->\r\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/c9294\">#c9294\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3114],{"name":3024,"color":3025},5846,"Build Problem Load CSS","2023-01-18T20:24:28Z","https://github.com/nuxt/nuxt/issues/5846",0.70006835,["Reactive",3121],{},["Set"],["ShallowReactive",3124],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ftssBq0AwCAWxseq4v6aFLQ1dqPie2CBSOk3VV2fZcJY":-1},"/nuxt/nuxt/9421"]