Pkg - Edit actions, add publish workflow, fix non-sense TSC warning

Author: smastrom

.github/workflows/chrome.yml renamed to .github/workflows/chrome-tests.yml

@@ -1,6 +1,13 @@
 name: Chrome
 
-on: [push]
+on:
+   pull_request:
+   push:
+      branches:
+         - '*'
+      tags-ignore:
+         - '*'
+   workflow_call:
 
 jobs:
    cypress-ct:

.github/workflows/firefox.yml renamed to .github/workflows/firefox-tests.yml

@@ -1,6 +1,13 @@
 name: Firefox
 
-on: [push]
+on:
+   pull_request:
+   push:
+      branches:
+         - '*'
+      tags-ignore:
+         - '*'
+   workflow_call:
 
 jobs:
    cypress-ct:

.github/workflows/publish.yml

@@ -0,0 +1,39 @@
+name: Publish to NPM
+
+on:
+   push:
+      tags: ['v*']
+   workflow_dispatch:
+
+jobs:
+   chrome-tests-workflow:
+      uses: ./.github/workflows/chrome-tests.yml
+   firefox-tests-workflow:
+      uses: ./.github/workflows/firefox-tests.yml
+   publish:
+      needs: [chrome-tests-workflow, firefox-tests-workflow]
+      runs-on: ubuntu-latest
+      permissions:
+         contents: read
+         id-token: write
+      steps:
+         - uses: actions/checkout@v3
+         - uses: actions/setup-node@v3
+           with:
+              node-version: '20.x'
+              registry-url: 'https://registry.npmjs.org'
+         - uses: pnpm/action-setup@v2
+           name: Install pnpm
+           with:
+              version: 8
+              run_install: true
+         - name: Build package
+           run: pnpm build
+         - name: Copy README and LICENSE
+           run: cp README.md LICENSE packages/vue-use-fixed-header
+         - name: Pack
+           run: cd packages/vue-use-fixed-header && rm -rf *.tgz && npm pack
+         - name: Publish
+           run: cd packages/vue-use-fixed-header && npm publish *.tgz --provenance --access public
+           env:
+              NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

README.md

@@ -1,4 +1,4 @@
-![npm](https://img.shields.io/npm/v/vue-use-fixed-header?color=46c119) ![dependency-count](https://img.shields.io/badge/dependencies-0-success) ![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/smastrom/vue-use-fixed-header/chrome.yml?branch=main&label=chrome) ![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/smastrom/vue-use-fixed-header/firefox.yml?branch=main&label=firefox)
+![npm](https://img.shields.io/npm/v/vue-use-fixed-header?color=46c119) ![dependency-count](https://img.shields.io/badge/dependencies-0-success) ![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/smastrom/vue-use-fixed-header/chrome-tests.yml?branch=main&label=chrome) ![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/smastrom/vue-use-fixed-header/firefox-tests.yml?branch=main&label=firefox)
 
 # Vue Use Fixed Header
 

packages/vue-use-fixed-header/package.json

@@ -2,7 +2,7 @@
    "name": "vue-use-fixed-header",
    "description": "Turn your boring fixed header into a smart one with three lines of code.",
    "private": false,
-   "version": "0.9.0",
+   "version": "2.0.0",
    "type": "module",
    "keywords": [
       "vue",

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

@@ -1,4 +1,13 @@
-import { shallowRef, ref, unref, watch, computed, readonly, type CSSProperties as CSS } from 'vue'
+import {
+   shallowRef,
+   ref,
+   unref,
+   watch,
+   computed,
+   readonly,
+   type ComputedRef,
+   type CSSProperties as CSS,
+} from 'vue'
 
 import { useReducedMotion, isBrowser } from './utils'
 import { TRANSITION_STYLES } from './constants'
@@ -14,7 +23,11 @@ enum State {
 export function useFixedHeader(
    target: MaybeTemplateRef,
    options: Partial<UseFixedHeaderOptions> = {},
-) {
+): {
+   styles: Readonly<CSS>
+   isLeave: Readonly<ComputedRef<boolean>>
+   isEnter: Readonly<ComputedRef<boolean>>
+} {
    // Config
 
    const { enterStyles, leaveStyles } = TRANSITION_STYLES