\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_",[3182,3183],{"name":3169,"color":3170},{"name":3184,"color":3185},"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":3192,"number":3197,"owner":3142,"repository":3142,"state":3154,"title":3198,"updated_at":3199,"url":3200,"score":3201},[3193,3194],{"name":3184,"color":3185},{"name":3195,"color":3196},"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":3203,"labels":3204,"number":3207,"owner":3142,"repository":3142,"state":3154,"title":3208,"updated_at":3209,"url":3210,"score":3211},"### 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).",[3205,3206],{"name":3169,"color":3170},{"name":3184,"color":3185},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":3213,"number":3219,"owner":3142,"repository":3142,"state":3154,"title":3220,"updated_at":3221,"url":3222,"score":3223},[3214,3217,3218],{"name":3215,"color":3216},"stale","ffffff",{"name":3184,"color":3185},{"name":3195,"color":3196},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":3225,"labels":3226,"number":3228,"owner":3142,"repository":3142,"state":3154,"title":3229,"updated_at":3230,"url":3231,"score":3232},"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>",[3227],{"name":3195,"color":3196},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":3234,"labels":3235,"number":3236,"owner":3142,"repository":3143,"state":3154,"title":3237,"updated_at":3238,"url":3239,"score":3240},"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":3242,"labels":3243,"number":3245,"owner":3142,"repository":3142,"state":3154,"title":3246,"updated_at":3247,"url":3248,"score":3249},"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>",[3244],{"name":3195,"color":3196},1527,"URL hash value is automatically removed","2023-01-18T15:41:52Z","https://github.com/nuxt/nuxt/issues/1527",0.7631183,["Reactive",3251],{},["Set"],["ShallowReactive",3254],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fN3YZArFC-dDlK3mbhOrwT3cs6jKh0McpPt-MwJ9jElI":-1},"/nuxt/icon/140"]