Tests - Edit github workflows

Author: smastrom

.github/workflows/chrome.yml

@@ -21,6 +21,6 @@ jobs:
          - name: Install dependencies
            run: pnpm install
          - name: Window scroll
-           run: pnpm run test:chrome
+           run: pnpm -C packages/vue-use-fixed-header run test:chrome
          - name: Custom scrolling container
-           run: pnpm run test:container:chrome
+           run: pnpm -C packages/vue-use-fixed-header test:container:chrome

.github/workflows/firefox.yml

@@ -19,6 +19,6 @@ jobs:
          - name: Install dependencies
            run: pnpm install
          - name: Window scroll
-           run: pnpm run test:firefox
+           run: pnpm -C packages/vue-use-fixed-header run test:firefox
          - name: Custom scrolling container
-           run: pnpm run test:container:firefox
+           run: pnpm -C packages/vue-use-fixed-header test:container:firefox

packages/vue-use-fixed-header/src/useFixedHeader.ts

@@ -276,25 +276,26 @@ export function useFixedHeader(
       removePointerListener()
    }
 
-   watch(
-      () => [unref(target), getRoot(), isReduced.value, unref(options.watch)],
-      ([headerEl, rootEl, isReduced], _, onCleanup) => {
-         const shouldInit = !isReduced && !isSSR && headerEl && (rootEl || rootEl === null)
-
-         if (shouldInit) {
-            addResizeObserver()
-            onScrollRestoration()
-            toggleListeners()
-         }
+   !isSSR &&
+      watch(
+         () => [unref(target), getRoot(), isReduced.value, unref(options.watch)],
+         ([headerEl, rootEl, isReduced], _, onCleanup) => {
+            const shouldInit = !isReduced && !isSSR && headerEl && (rootEl || rootEl === null)
+
+            if (shouldInit) {
+               addResizeObserver()
+               onScrollRestoration()
+               toggleListeners()
+            }
 
-         onCleanup(() => {
-            removeListeners()
-            internal.resizeObserver?.disconnect()
-            removeStyles()
-         })
-      },
-      { immediate: true, flush: 'post' },
-   )
+            onCleanup(() => {
+               removeListeners()
+               internal.resizeObserver?.disconnect()
+               removeStyles()
+            })
+         },
+         { immediate: true, flush: 'post' },
+      )
 
    return {
       styles: readonly(styles),