diff --git a/README.md b/README.md index fec4ccc..8787e2c 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ Turn your boring fixed header into a smart one with three lines of code.
-**Demo:** [Website](https://vue-use-fixed-header.netlify.app/) — **Examples:** [Vue 3](https://stackblitz.com/edit/vitejs-vite-nc7ey2?file=index.html,src%2Fcomponents%2FPage.vue) - [Nuxt 3](https://stackblitz.com/edit/nuxt-starter-zbtjes?file=layouts%2Fdefault.vue) +**Demo:** [Website](https://vue-use-fixed-header.pages.dev/) — **Examples:** [Vue 3](https://stackblitz.com/edit/vitejs-vite-nc7ey2?file=index.html,src%2Fcomponents%2FPage.vue) - [Nuxt 3](https://stackblitz.com/edit/nuxt-starter-zbtjes?file=layouts%2Fdefault.vue)
diff --git a/packages/vue-use-fixed-header/package.json b/packages/vue-use-fixed-header/package.json index 4f1dbdd..04244ab 100644 --- a/packages/vue-use-fixed-header/package.json +++ b/packages/vue-use-fixed-header/package.json @@ -15,7 +15,7 @@ "nuxt-3", "nuxt" ], - "homepage": "https://vue-use-fixed-header.netlify.app/", + "homepage": "https://vue-use-fixed-header.pages.dev/", "bugs": { "url": "https://github.com/smastrom/vue-use-fixed-header/issues" }, diff --git a/packages/vue-use-fixed-header/src/useFixedHeader.ts b/packages/vue-use-fixed-header/src/useFixedHeader.ts index 57a8d45..216af8b 100644 --- a/packages/vue-use-fixed-header/src/useFixedHeader.ts +++ b/packages/vue-use-fixed-header/src/useFixedHeader.ts @@ -280,7 +280,7 @@ export function useFixedHeader( watch( () => [unref(target), getRoot(), isReduced.value, unref(options.watch)], ([headerEl, rootEl, isReduced], _, onCleanup) => { - const shouldInit = !isReduced && !isSSR && headerEl && (rootEl || rootEl === null) + const shouldInit = !isReduced && headerEl && (rootEl || rootEl === null) if (shouldInit) { addResizeObserver() diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts index b268e9b..acad843 100644 --- a/playground/nuxt.config.ts +++ b/playground/nuxt.config.ts @@ -5,5 +5,8 @@ export default defineNuxtConfig({ app: { head: getHead(), }, + nitro: { + preset: 'cloudflare-pages', + }, css: ['@/assets/global.css'], }) diff --git a/playground/utils/head.ts b/playground/utils/head.ts index 2f5ae26..32ee9bb 100644 --- a/playground/utils/head.ts +++ b/playground/utils/head.ts @@ -37,7 +37,7 @@ export function getHead() { { hid: 'og:url', property: 'og:url', - content: 'https://vue-use-fixed-header.netlify.app', + content: 'https://vue-use-fixed-header.pages.dev', }, { hid: 'twitter:title',