1.3.0 (#22)

* setup pnpm workspace, migrate playground to nuxt

* add check for requestAnimationFrame

* add proper handling of initial render styles, add comments

* move playground styles to stylesheet

* add more examples to playground

* trigger playground deploy

* fix publish workflow typo, set netlify nitro preset in nuxt config

* cleanup nuxt init files

* cleanup old vite files

* edit examples styles comment

* bump 1.3.0

* edit playground package name

Author: smastrom

.github/workflows/chrome-tests.yml

@@ -19,4 +19,4 @@ jobs:
               version: 8
               run_install: true
          - name: Chrome tests
-           run: pnpm run test:chrome
+           run: pnpm test:chrome

.github/workflows/firefox-tests.yml

@@ -19,4 +19,4 @@ jobs:
               version: 8
               run_install: true
          - name: Firefox tests
-           run: pnpm run test:firefox
+           run: pnpm test:firefox

.github/workflows/publish.yml

@@ -20,7 +20,7 @@ jobs:
          - uses: actions/checkout@v3
          - uses: actions/setup-node@v3
            with:
-              node-version: '19.x'
+              node-version: '20.x'
               registry-url: 'https://registry.npmjs.org'
          - uses: pnpm/action-setup@v2
            name: Install pnpm
@@ -30,8 +30,8 @@ jobs:
          - name: Build
            run: pnpm build
          - name: Pack
-           run: rm -rf *.tgz && npm pack
+           run: cd packages/vue-collapsed && rm -rf *.tgz && npm pack
          - name: Publish
-           run: npm publish *.tgz --provenance
+           run: cd packages/vue-collapsed && npm publish *.tgz --provenance
            env:
               NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -1,6 +1,4 @@
 pnpm-lock.yaml
-yarn-error.log*
-yarn.lock
 node_modules
 .DS_Store
 dist

README.md

@@ -8,16 +8,24 @@ Dynamic CSS height transition from _any to auto_ and vice versa. Accordion ready
 
 <br />
 
-Check out my other packages for Vue 3:
+Check out my other packages for Vue and Nuxt:
 
 > 🔔 **Notivue**  
 > _Fully-featured notification system for Vue and Nuxt._  
 > [Visit repo ➔ ](https://github.com/smastrom/notivue)
 
+> 🌀 **Vue Global Loader**  
+> _Global loaders made easy for Vue and Nuxt._  
+> [Visit repo ➔ ](https://github.com/smastrom/vue-global-loader)
+
 > 👌 **Vue Use Active Scroll**  
 > _Accurate TOC/sidebar links without compromises._  
 > [Visit repo ➔ ](https://github.com/smastrom/vue-use-active-scroll)
 
+> 🔥 **Vue Use Fixed Header**  
+> _Turn your boring fixed header into a smart one with three lines of code._  
+> [Visit repo ➔ ](https://github.com/smastrom/vue-use-fixed-header)
+
 <br />
 
 ## Installation

demo/fakeData.json

@@ -1,71 +1,26 @@
 {
-   "name": "vue-collapsed",
-   "version": "1.2.9",
-   "private": false,
-   "description": "Dynamic CSS height transition from any to auto and vice versa for Vue 3. Accordion ready.",
-   "keywords": [
-      "vue",
-      "vue-3",
-      "vue-collapse",
-      "vue-accordion",
-      "collapse",
-      "accordion",
-      "vue-component"
-   ],
-   "homepage": "https://vue-collapsed.netlify.app/",
-   "bugs": {
-      "url": "https://github.com/smastrom/vue-collapsed/issues"
+   "name": "vue-collapsed-monorepo",
+   "private": true,
+   "packageManager": "[email protected]",
+   "engines": {
+      "node": ">=20.0.0"
    },
-   "repository": {
-      "type": "git",
-      "url": "https://github.com/smastrom/vue-collapsed.git"
-   },
-   "license": "MIT",
-   "author": {
-      "name": "Simone Mastromattei",
-      "email": "[email protected]"
-   },
-   "main": "dist/index.js",
-   "module": "dist/index.mjs",
-   "types": "dist/index.d.ts",
-   "exports": {
-      ".": {
-         "import": "./dist/index.mjs",
-         "require": "./dist/index.js",
-         "types": "./dist/index.d.ts"
-      }
-   },
-   "files": [
-      "dist/*"
-   ],
    "scripts": {
-      "build": "vite build",
-      "postbuild": "pnpm pack",
-      "build:app": "vite build && vite build --mode app",
-      "dev": "concurrently \"vite\" \"vite build --watch\"",
-      "preview": "vite build:app && vite preview",
-      "prepare": "husky install",
-      "test:chrome": "pnpm build && cypress run --component --browser chrome",
-      "test:firefox": "pnpm build && cypress run --component --browser firefox",
-      "test:gui": "concurrently \"vite build --watch\" \"cypress open --component\""
-   },
-   "lint-staged": {
-      "*.{ts,vue,md}": "prettier --write"
+      "dev": "pnpm build && concurrently \"pnpm -C packages/vue-collapsed run watch\" \"pnpm -C playground install && pnpm -C playground run dev --host\"",
+      "build": "pnpm -C packages/vue-collapsed run build",
+      "build:app": "pnpm build && pnpm install && pnpm -C playground run build",
+      "test:chrome": "pnpm -C packages/vue-collapsed run test:chrome",
+      "test:firefox": "pnpm -C packages/vue-collapsed run test:firefox",
+      "test:gui": "pnpm -C packages/vue-collapsed run test:gui",
+      "prepare": "husky install"
    },
    "devDependencies": {
-      "@rollup/plugin-terser": "^0.4.4",
-      "@types/node": "^20.8.7",
-      "@vitejs/plugin-vue": "^4.4.0",
       "concurrently": "^8.2.2",
-      "cypress": "^13.3.2",
-      "cypress-wait-frames": "^0.9.4",
       "husky": "^8.0.3",
-      "lint-staged": "^15.0.2",
-      "prettier": "^3.0.3",
-      "typescript": "^5.2.2",
-      "vite": "^4.5.0",
-      "vite-plugin-dts": "^3.6.0",
-      "vue": "^3.3.4",
-      "vue-tsc": "^1.8.19"
+      "lint-staged": "^15.2.0",
+      "prettier": "^3.1.0"
+   },
+   "lint-staged": {
+      "*.{js,ts,vue,json,css,md}": "prettier --write"
    }
 }