\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_",[2023,2026],{"name":2024,"color":2025},"3.x","29bc7f",{"name":2027,"color":2028},"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.74705094,{"description":2035,"labels":2036,"number":2039,"owner":1991,"repository":1991,"state":2015,"title":2040,"updated_at":2041,"url":2042,"score":2043},"### 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).",[2037,2038],{"name":2024,"color":2025},{"name":2027,"color":2028},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.7513875,{"description":2045,"labels":2046,"number":2050,"owner":1991,"repository":1991,"state":2015,"title":2051,"updated_at":2052,"url":2053,"score":2054},"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>",[2047],{"name":2048,"color":2049},"2.x","d4c5f9",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.75402045,{"labels":2056,"number":2061,"owner":1991,"repository":1991,"state":2015,"title":2062,"updated_at":2063,"url":2064,"score":2065},[2057,2059,2060],{"name":2058,"color":1989},"stale",{"name":2027,"color":2028},{"name":2048,"color":2049},6921,"Scroll position on initial page load does not go to hash/anchor position","2023-01-22T15:34:48Z","https://github.com/nuxt/nuxt/issues/6921",0.756063,{"labels":2067,"number":2071,"owner":1991,"repository":1991,"state":2015,"title":2072,"updated_at":2073,"url":2074,"score":2075},[2068,2069,2070],{"name":2058,"color":1989},{"name":2027,"color":2028},{"name":2048,"color":2049},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.7576965,{"labels":2077,"number":2080,"owner":1991,"repository":1991,"state":2015,"title":2081,"updated_at":2082,"url":2083,"score":2084},[2078,2079],{"name":2027,"color":2028},{"name":2048,"color":2049},10585,"Scroll behavior not working when hash is UTF-8 string","2024-06-30T09:24:53Z","https://github.com/nuxt/nuxt/issues/10585",0.7593054,{"description":2086,"labels":2087,"number":2092,"owner":1991,"repository":1991,"state":2015,"title":2093,"updated_at":2094,"url":2095,"score":2096},"Hey there,\r\n\r\nI wanted to add a `link` tag with `rel=\"preload\"` for two fonts that I am using, so that the priority in which they are loaded is higher (especially when coming from a ServiceWorker, since they are currently prioritized as **lowest** — which slows down things).\r\n\r\nI added this to my `nuxt.config.js` inside the `link` array, where all other `link`s are:\r\n\r\n```\r\n{\r\n rel: 'preload',\r\n as: 'font',\r\n crossorigin: 'crossorigin',\r\n type: 'font/woff2',\r\n href: 'fonts/ApercuPro.woff2'\r\n}\r\n```\r\n\r\nThe problem I am experiencing is that the preloaded font is now being loaded **twice**, once the hashed version, the other time the raw, original one as can be seen here:\r\n\r\n\r\n\r\nIdeally, only the hashed version of the file should be referenced inside `href`, just like Nuxt already does this with all other references to that particular file (e.g. `url(/_nuxt/fonts/ApercuPro.5398148.woff2)` inside `style`).\r\n\r\nSorry if I am missing something here and thank you for your feedback in advance. :) Been [a happy user](https://twitter.com/mixn/status/899601973946847232) for a while now. ❤️ Also glad to help in any way, if I can!\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/c1343\">#c1343\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2088,2091],{"name":2089,"color":2090},"available soon","6de8b0",{"name":2048,"color":2049},1508,"Preloading hashed, static assets with rel=\"preload\"","2023-01-18T15:41:52Z","https://github.com/nuxt/nuxt/issues/1508",0.7605201,["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"N3YZArFC-dDlK3mbhOrwT3cs6jKh0McpPt-MwJ9jElI":-1},"/nuxt/icon/140"]