Merge pull request #75 from prabhuignoto/new_1792023

chore: upgrade packages

Author: prabhuignoto

.github/workflows/build-lint.yml

@@ -23,7 +23,7 @@ jobs:
         name: Install pnpm
         id: pnpm-install
         with:
-          version: 7
+          version: 8
           run_install: false
 
       - name: Get pnpm store directory

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn lint:all
+pnpm lint:all

README.md

@@ -58,6 +58,7 @@
   - [Fixed Menu](#fixed-menu)
   - [🎨 Custom icon](#-custom-icon)
   - [🌈 Theme](#-theme)
+
 - [📦 Build Setup](#-build-setup)
 - [🔨 Contributing](#-contributing)
 - [Built with](#built-with)
@@ -67,7 +68,7 @@
 ## ⚡ Installation
 
 ```sh
-yarn install vue-float-menu
+pnpm install vue-float-menu
 ```
 
 ## 🚀 Getting Started
@@ -132,17 +133,17 @@ export default {
 
 ## Props
 
-| Prop             | Type     | Description                                                                                                                      |
-| ---------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------- |
-| dimension        | number   | dimension of the Menu Head `width x height` in pixels.                                                                           |
-| position         | String   | initial position of the Menu Head. can be any one of the values `top left`, `top right`, `bottom left`, `bottom right`           |
-| fixed            | Boolean  | disables dragging and the menu will be fixed. use the `position` prop to fix the menu position                                   |
-| menu-dimension   | Object   | sets the `width` and `minimum` height of the Menu.                                                                               |
-| menu-data        | Object   | data to generate the menu. refer to [populating the menu](#populating-the-menu) for usage details.                               |
-| on-selected      | Function | hook that is called on selection.                                                                                                |
-| menu-style       | String   | can be `slide-out` or `accordion`.`slide-out` is the default menu style.                                                         |
-| flip-on-edges    | Boolean  | flips the menu content on the right edges of the screen.                                                                         |
-| theme            | Object   | prop to customize the color schemes. refer [theme](#theme) for usage.                                                            |
+| Prop           | Type     | Description                                                                                                            |
+| -------------- | -------- | ---------------------------------------------------------------------------------------------------------------------- |
+| dimension      | number   | dimension of the Menu Head `width x height` in pixels.                                                                 |
+| position       | String   | initial position of the Menu Head. can be any one of the values `top left`, `top right`, `bottom left`, `bottom right` |
+| fixed          | Boolean  | disables dragging and the menu will be fixed. use the `position` prop to fix the menu position                         |
+| menu-dimension | Object   | sets the `width` and `minimum` height of the Menu.                                                                     |
+| menu-data      | Object   | data to generate the menu. refer to [populating the menu](#populating-the-menu) for usage details.                     |
+| on-selected    | Function | hook that is called on selection.                                                                                      |
+| menu-style     | String   | can be `slide-out` or `accordion`.`slide-out` is the default menu style.                                               |
+| flip-on-edges  | Boolean  | flips the menu content on the right edges of the screen.                                                               |
+| theme          | Object   | prop to customize the color schemes. refer [theme](#theme) for usage.                                                  |
 
 ### Position
 
@@ -213,12 +214,12 @@ Use the `menu-data` prop to create simple or nested menus of your liking. `menu-
 
 `MenuItem` properties
 
-| property    | description                                                           |
-| ----------- | --------------------------------------------------------------------- |
-| name        | display name of the menu item.                                        |
-| subMenu     | data for the sub-menu                                                 |
-| disabled    | disables the menu item                                                |
-| divider     | makes the item as a divider                                           |
+| property | description                    |
+| -------- | ------------------------------ |
+| name     | display name of the menu item. |
+| subMenu  | data for the sub-menu          |
+| disabled | disables the menu item         |
+| divider  | makes the item as a divider    |
 
 Here we create a simple Menu structure with 3 Menu items with no sub menus.
 
@@ -393,7 +394,6 @@ export default defineComponent({
 });
 ```
 
-
 ### 🌈 Theme
 
 Customize the color schemes with the `theme` prop.
@@ -414,18 +414,18 @@ Customize the color schemes with the `theme` prop.
 
 ## 📦 Build Setup
 
-``` bash
+```bash
 # install dependencies
-yarn install
+pnpm install
 
 # start dev
-yarn run dev
+pnpm run dev
 
 # run css linting
-yarn run lint:css
+pnpm run lint:css
 
 # lint everything
-yarn run lint:all
+pnpm run lint:all
 
 # package lib
 npm run rollup

package.json

@@ -24,7 +24,7 @@
     "rollup": "rimraf ./dist && rollup -c",
     "lint": "eslint src/**/*.vue",
     "lint:css": "stylelint src/**/*.scss --custom-syntax postcss-scss",
-    "lint:all": "yarn lint && yarn lint:css",
+    "lint:all": "pnpm lint && pnpm lint:css",
     "prepare": "husky install",
     "format": "prettier --write \"src/**/*.vue\" \"src/**/*.scss\"",
     "clean": "pnpm format && pnpm lint:all"
@@ -50,34 +50,35 @@
   "devDependencies": {
     "@rollup/plugin-beep": "^1.0.2",
     "@rollup/plugin-buble": "^1.0.2",
-    "@rollup/plugin-commonjs": "^24.1.0",
-    "@rollup/plugin-node-resolve": "^15.0.2",
+    "@rollup/plugin-commonjs": "^25.0.3",
+    "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-sucrase": "^5.0.1",
-    "@rollup/plugin-terser": "^0.4.1",
-    "@rollup/plugin-typescript": "^11.1.0",
-    "@typescript-eslint/eslint-plugin": "^5.59.2",
-    "@typescript-eslint/parser": "^5.59.2",
-    "@vitejs/plugin-vue": "^4.2.1",
-    "@vue/compiler-sfc": "^3.2.47",
-    "eslint": "^8.39.0",
-    "eslint-plugin-vue": "^9.11.0",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "^11.1.2",
+    "@typescript-eslint/eslint-plugin": "^6.1.0",
+    "@typescript-eslint/parser": "^6.1.0",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/compiler-sfc": "^3.3.4",
+    "eslint": "^8.45.0",
+    "eslint-plugin-vue": "^9.15.1",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "postcss": "^8.4.23",
+    "lint-staged": "^13.2.3",
+    "postcss": "^8.4.26",
     "postcss-html": "^1.5.0",
     "postcss-scss": "^4.0.6",
-    "rollup": "^3.21.3",
+    "prettier": "^3.0.0",
+    "rollup": "^3.26.3",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-scss": "^4.0.0",
     "rollup-plugin-vue": "^6.0.0",
-    "sass": "^1.62.1",
-    "stylelint": "^15.6.1",
+    "sass": "^1.63.6",
+    "stylelint": "^15.10.2",
     "stylelint-config-prettier": "^9.0.5",
-    "stylelint-config-standard": "^33.0.0",
-    "tslib": "^2.5.0",
-    "typescript": "^5.0.4",
-    "vite": "^4.3.4",
-    "vue": "^3.2.47",
+    "stylelint-config-standard": "^34.0.0",
+    "tslib": "^2.6.0",
+    "typescript": "^5.1.6",
+    "vite": "^4.4.4",
+    "vue": "^3.3.4",
     "vue-float-menu": "^1.9.1"
   },
   "peerDependencies": {