[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"allCategoryPosts-vue":3,"i-local-icon:calendar-days":21,"i-local-icon:tag":26,"i-local-icon:arrow-right":28},[4,14],{"title":5,"description":6,"id":7,"categories_slug":8,"date_published":12,"path":13},"Tailwind CSS - Adding a Shadow to Sticky Headers on Scroll in Vue\u002FNuxt","A sticky header is a standard UI pattern, but it often looks 'flat' when it blends into the content scrolling underneath it. The best way to solve this is to apply a shadow\u002Fbackground, but only once the user has started scrolling.","content\u002Fblog\u002F21.tailwind-css-add-sticky-header-on-scroll.md",[9,10,11],"tailwind","nuxt","vue","2025-12-30","\u002Fblog\u002Ftailwind-css-add-sticky-header-on-scroll",{"title":15,"description":16,"id":17,"categories_slug":18,"date_published":19,"path":20},"Using shallowRef with Nuxt 3 useFetch for better performance","Learn how to optimize your Nuxt 3 applications by using shallowRef with useFetch. Discover the performance benefits and when to use deep: false for better reactivity management.","content\u002Fblog\u002F16.using-shallowref-nuxt-usefetch.md",[11,10],"2025-06-15","\u002Fblog\u002Fusing-shallowref-nuxt-usefetch",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":25},0,24,false,"\u003Cpath\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    stroke-width=\"1.5\"\n    d=\"M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12zM12 15h.008v.008H12zm0 2.25h.008v.008H12zM9.75 15h.008v.008H9.75zm0 2.25h.008v.008H9.75zM7.5 15h.008v.008H7.5zm0 2.25h.008v.008H7.5zm6.75-4.5h.008v.008h-.008zm0 2.25h.008v.008h-.008zm0 2.25h.008v.008h-.008zm2.25-4.5h.008v.008H16.5zm0 2.25h.008v.008H16.5z\" \u002F>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":27},"\u003Cg\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    stroke-width=\"1.5\">\n    \u003Cpath\n      d=\"M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.1 18.1 0 0 0 5.224-5.223c.54-.827.368-1.908-.33-2.607l-9.583-9.58A2.25 2.25 0 0 0 9.568 3\" \u002F>\n    \u003Cpath d=\"M6 6h.008v.008H6z\" \u002F>\n  \u003C\u002Fg>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":29},"\u003Cg fill=\"none\" stroke-width=\"2.0\" stroke=\"currentColor\">\u003Cpath\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\">\u003C\u002Fpath>\u003C\u002Fg>"]