\r\n \u003CBody class=\"antialiased selection:bg-primary-100 selection:text-primary-600\" />\r\n\r\n \u003CNuxtPage class=\"flex-1\" />\r\n\r\n \u003Csection id=\"about\">Demo section\u003C/section>\r\n \u003C/div>\r\n\u003C/template>\r\n```\n\n### Describe the bug\n\nI'm trying to build a reveal animation when the page is loaded, so I usually create the animation timeline with GSAP inside the \"onMounted\" hook that starts paused and only plays once the page is fully loaded (the `page:finish` hook).\r\n\r\nEverything works perfectly fine if I navigate to any page of the Nuxt app and reload it, except for reloading in pages with a hash in the path AND an actual element with the hash as an id (for example: `http://localhost:8080/#about`). For some reason, if the route path contains a hash of an existing element in the DOM, the `page:finish` hook gets called before `onMounted`. However, if I remove the hash from the URL or there's no element present in the DOM that matches the hash, the order goes back to normal (`onMounted` first and `page:finish` second).\r\n\r\nI don't know why that happens.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3062,3063],{"name":3049,"color":3050},{"name":3064,"color":3065},"pending triage","E99695",20617,"The `page:finish` hook gets called before `onMounted` only when hash present in path","2023-05-02T03:12:44Z","https://github.com/nuxt/nuxt/issues/20617",0.74187386,{"labels":3072,"number":3077,"owner":3022,"repository":3022,"state":3034,"title":3078,"updated_at":3079,"url":3080,"score":3081},[3073,3074],{"name":3064,"color":3065},{"name":3075,"color":3076},"2.x","d4c5f9",10585,"Scroll behavior not working when hash is UTF-8 string","2024-06-30T09:24:53Z","https://github.com/nuxt/nuxt/issues/10585",0.7466797,{"description":3083,"labels":3084,"number":3087,"owner":3022,"repository":3022,"state":3034,"title":3088,"updated_at":3089,"url":3090,"score":3091},"### Describe the feature\n\nWhen navigating to hash links, its not unusual that you actually want to add an additional couple of pixels to the scroll Y position.\r\n\r\nIt would be great if this could be controlled via an option in the nuxt.config, similar to the \"scrollBehaviourType\".\r\n\r\nProposed solution:\r\nAdd new option called \"scrollY\" that will take a positive or negative number of pixels for where the anchor will be.\r\n\r\n```\r\nexport default defineNuxtConfig({\r\n router: {\r\n options: {\r\n scrollBehaviorType: 'smooth',\r\n scrollY: '50px'\r\n }\r\n }\r\n})\r\n\r\n```\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3085,3086],{"name":3049,"color":3050},{"name":3064,"color":3065},24280,"Add an option to configure anchors Y position when scrolling to a hashLink","2023-11-16T17:39:25Z","https://github.com/nuxt/nuxt/issues/24280",0.74698424,{"labels":3093,"number":3099,"owner":3022,"repository":3022,"state":3034,"title":3100,"updated_at":3101,"url":3102,"score":3103},[3094,3097,3098],{"name":3095,"color":3096},"stale","ffffff",{"name":3064,"color":3065},{"name":3075,"color":3076},7541,"Is there the standard, recommended way to make anchor links work properly?","2023-01-22T15:36:01Z","https://github.com/nuxt/nuxt/issues/7541",0.7482364,{"description":3105,"labels":3106,"number":3108,"owner":3022,"repository":3022,"state":3034,"title":3109,"updated_at":3110,"url":3111,"score":3112},"Reproduction\r\n\r\n1. Click on the link on the page with the hash, eg.:\r\n```\u003Cnuxt-link :to=\"`${postLink(post)}#add-comment-form`\">```\r\nPage is changing correctly.\r\n\r\n2. After that click on the second link, eg.:\r\n`\u003Ca @click=\"changeCategory(c)\">category\u003C/a>`\r\nwhere changeCategory:\r\n```js\r\n methods: {\r\n changeCategory (cat) {\r\n const url = categoryLink(cat)\r\n console.log('moving to ', url)\r\n this.$router.push({ path: url })\r\n }\r\n },\r\n```\r\nThe method is called, the progress bar is animating but the page doesn't change.\r\n\r\n3. To change to page I need to click once again on the same link.\r\nThe bug is only present when the first link has a # hash at the end. Tested with alfa-4 and rc-4\r\n\r\nthanks for help in advance,\r\n\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1211\">#c1211\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3107],{"name":3075,"color":3076},1367,"bug - this.$router.push doesn't work for the first click where hash is present","2023-01-18T15:41:42Z","https://github.com/nuxt/nuxt/issues/1367",0.7575152,{"description":3114,"labels":3115,"number":3116,"owner":3022,"repository":3023,"state":3034,"title":3117,"updated_at":3118,"url":3119,"score":3120},"Since this commit 36e38c32f8f1f61570080e4e95f51cf249229a1a (I guess), when I open pm2 logs, I get a lot of console.log from nuxt icon\n\n\nIs there a way to disable it?",[],299,"Disable console.log","2024-11-19T01:11:23Z","https://github.com/nuxt/icon/issues/299",0.7575623,{"description":3122,"labels":3123,"number":3125,"owner":3022,"repository":3022,"state":3034,"title":3126,"updated_at":3127,"url":3128,"score":3129},"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>",[3124],{"name":3075,"color":3076},1527,"URL hash value is automatically removed","2023-01-18T15:41:52Z","https://github.com/nuxt/nuxt/issues/1527",0.7631183,["Reactive",3131],{},["Set"],["ShallowReactive",3134],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fN3YZArFC-dDlK3mbhOrwT3cs6jKh0McpPt-MwJ9jElI":-1},"/nuxt/icon/140"]