chore: update deps

.github/workflows/build.yml

@@ -5,10 +5,12 @@ on:
     branches:
       - main
       - dev
+      - 8.x
   pull_request:
     branches:
       - main
       - dev
+      - 8.x
   schedule:
     - cron: '0 0 11 * *'
 
@@ -27,7 +29,7 @@ jobs:
           node-version: 18.x
 
       - name: Install pnpm
-        run: npm install -g pnpm@^7
+        run: npm install -g pnpm@^8
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -44,7 +46,7 @@ jobs:
       - run: npm run docs
 
       - name: Deploy to gh-pages
-        if: github.event_name == 'push' && github.ref == 'refs/heads/master'
+        if: github.event_name == 'push' && github.ref == 'refs/heads/main'
         uses: JamesIves/github-pages-deploy-action@v4
         with:
           branch: gh-pages

.npmrc

@@ -1 +1,2 @@
 shamefully-hoist=true
+auto-install-peers=false

README.md

@@ -144,7 +144,7 @@ The component accepts these props:
 <link href="https://cdn.jsdelivr.net/npm/flatpickr@4/dist/flatpickr.min.css" rel="stylesheet">
 <script src="https://cdn.jsdelivr.net/npm/flatpickr@4/dist/flatpickr.min.js"></script>
 <!-- Vue.js -->
-<script src="https://cdn.jsdelivr.net/npm/vue@3.2"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@3.3"></script>
 <!-- Lastly add this package -->
 <script src="https://cdn.jsdelivr.net/npm/vue-flatpickr-component@11"></script>
 <script>
@@ -157,7 +157,7 @@ The component accepts these props:
 ## Run examples on your localhost
 
 * Clone this repo
-* Make sure you have node-js `>=18.9` and [pnpm](https://pnpm.io/) `>=7.x` pre-installed
+* Make sure you have node-js `>=18.16` and [pnpm](https://pnpm.io/) `>=8.x` pre-installed
 * Install dependencies `pnpm install`
 * Run webpack dev server `npm start`
 * This should open the demo page in your default web browser

package.json

@@ -42,24 +42,24 @@
     "flatpickr": "^4.6.13"
   },
   "devDependencies": {
-    "@types/jest": "^29.2.5",
-    "@vue/test-utils": "^2.2.7",
+    "@types/jest": "^29.5.1",
+    "@vue/test-utils": "^2.3.2",
     "bootstrap": "^4.6.2",
-    "css-loader": "^6.7.3",
+    "css-loader": "^6.8.1",
     "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^5.5.0",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
-    "mini-css-extract-plugin": "^2.7.2",
-    "style-loader": "^3.3.1",
-    "ts-jest": "^29.0.5",
-    "ts-loader": "^9.4.2",
-    "typescript": "^4.9.4",
-    "vue": "^3.2.45",
-    "vue-loader": "^17.0.1",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.11.1"
+    "html-webpack-plugin": "^5.5.1",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "mini-css-extract-plugin": "^2.7.6",
+    "style-loader": "^3.3.3",
+    "ts-jest": "^29.1.0",
+    "ts-loader": "^9.4.3",
+    "typescript": "^5.0.4",
+    "vue": "^3.3.4",
+    "vue-loader": "^17.1.2",
+    "webpack": "^5.84.1",
+    "webpack-cli": "^5.1.1",
+    "webpack-dev-server": "^4.15.0"
   },
   "peerDependencies": {
     "vue": "^3.2.0"