Update npm packages

.storybook/main.ts

@@ -21,11 +21,11 @@ const config: StorybookConfig = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/preset-scss',
-    '@storybook/addon-mdx-gfm'
+    '@storybook/addon-mdx-gfm',
   ],
   framework: {
     name: '@storybook/vue3-vite',
-    options: {}
+    options: {},
   },
   staticDirs: ['../static'],
   async viteFinal(viteConfig) {
@@ -36,10 +36,7 @@ const config: StorybookConfig = {
     });
   },
   docs: {
-    autodocs: true
-  },
-  features: {
-    legacyMdx1: true, // 👈 Enables MDX v1 support
+    autodocs: true,
   },
 };
 

.stylelintrc.js

@@ -1,12 +1,4 @@
 module.exports = {
   customSyntax: 'postcss-html',
   extends: 'stylelint-config-valantic',
-  rules: {
-    'indentation': [
-      2,
-      {
-        ignore: ['inside-parens'] // Stylelint seems to fail on maps
-      }
-    ]
-  }
 };

package.json

@@ -46,8 +46,8 @@
     "url": "git+https://github.com/valantic/vue-template.git"
   },
   "engines": {
-    "node": ">=18 <19",
-    "npm": ">=8.19"
+    "node": ">=20.10 <21",
+    "npm": ">=10 <11"
   },
   "keywords": [
     "vue",
@@ -64,69 +64,69 @@
     "@popperjs/core": "~2.11.8",
     "@vuelidate/core": "~2.0.3",
     "@vuelidate/validators": "~2.0.4",
-    "axios": "~1.5.0",
+    "axios": "~1.6.3",
     "body-scroll-lock": "~4.0.0-beta.0",
-    "dayjs": "~1.11.9",
+    "dayjs": "~1.11.10",
     "embla-carousel": "~7.0.9",
     "embla-carousel-autoplay": "~7.0.9",
-    "pinia": "~2.1.6",
-    "the-new-css-reset": "~1.9.0",
-    "vue": "~3.3.4",
-    "vue-i18n": "~9.3.0"
+    "pinia": "~2.1.7",
+    "the-new-css-reset": "~1.11.2",
+    "vue": "~3.4.3",
+    "vue-i18n": "~9.8.0"
   },
   "devDependencies": {
-    "@faker-js/faker": "~8.0.2",
-    "@storybook/addon-actions": "~7.4.1",
-    "@storybook/addon-essentials": "~7.4.1",
-    "@storybook/addon-interactions": "~7.4.1",
-    "@storybook/addon-links": "~7.4.1",
-    "@storybook/mdx1-csf": "~1.0.0",
+    "@faker-js/faker": "~8.3.1",
+    "@storybook/addon-actions": "~7.6.7",
+    "@storybook/addon-essentials": "~7.6.7",
+    "@storybook/addon-interactions": "~7.6.7",
+    "@storybook/addon-links": "~7.6.7",
+    "@storybook/addon-mdx-gfm": "~7.6.7",
     "@storybook/preset-scss": "~1.0.3",
-    "@storybook/testing-library": "~0.2.0",
-    "@storybook/vue3": "~7.4.1",
-    "@storybook/vue3-vite": "~7.4.1",
-    "@types/body-scroll-lock": "~3.1.0",
-    "@types/google.maps": "~3.54.0",
-    "@types/node": "~20.6.0",
-    "@types/resize-observer-browser": "~0.1.6",
-    "@typescript-eslint/eslint-plugin": "~6.7.0",
-    "@typescript-eslint/parser": "~6.7.0",
-    "@vitejs/plugin-vue": "~4.3.4",
-    "@vue/eslint-config-typescript": "~11.0.3",
-    "@vue/test-utils": "~2.4.1",
-    "autoprefixer": "~10.4.15",
-    "cssnano": "~6.0.1",
-    "eslint": "~8.49.0",
+    "@storybook/testing-library": "~0.2.2",
+    "@storybook/vue3": "~7.6.7",
+    "@storybook/vue3-vite": "~7.6.7",
+    "@types/body-scroll-lock": "~3.1.2",
+    "@types/google.maps": "~3.54.10",
+    "@types/node": "~20.10.6",
+    "@types/resize-observer-browser": "~0.1.11",
+    "@typescript-eslint/eslint-plugin": "~6.17.0",
+    "@typescript-eslint/parser": "~6.17.0",
+    "@vitejs/plugin-vue": "~5.0.2",
+    "@vue/eslint-config-typescript": "~12.0.0",
+    "@vue/test-utils": "~2.4.3",
+    "autoprefixer": "~10.4.16",
+    "cssnano": "~6.0.2",
+    "eslint": "~8.56.0",
     "eslint-config-airbnb-base": "~15.0.0",
     "eslint-config-valantic": "~16.0.1",
-    "eslint-import-resolver-vite": "~1.1.0",
-    "eslint-plugin-import": "~2.28.1",
-    "eslint-plugin-storybook": "~0.6.13",
-    "eslint-plugin-vue": "~9.17.0",
+    "eslint-import-resolver-vite": "~1.3.2",
+    "eslint-plugin-import": "~2.29.1",
+    "eslint-plugin-storybook": "~0.6.15",
+    "eslint-plugin-vue": "~9.19.2",
     "husky": "~8.0.3",
-    "jsdom": "~22.1.0",
-    "lint-staged": "~14.0.1",
-    "msw": "~1.3.0",
-    "postcss": "~8.4.18",
+    "jsdom": "~23.0.1",
+    "lint-staged": "~15.2.0",
+    "msw": "~2.0.11",
+    "postcss": "~8.4.32",
     "postcss-html": "~1.5.0",
-    "postcss-scss": "~4.0.8",
+    "postcss-scss": "~4.0.9",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "rollup-plugin-visualizer": "~5.9.2",
-    "sass": "~1.66.1",
-    "storybook": "~7.4.1",
-    "stylelint": "~15.10.3",
-    "stylelint-config-valantic": "~8.0.1",
+    "rollup-plugin-visualizer": "~5.12.0",
+    "sass": "~1.69.6",
+    "storybook": "~7.6.7",
+    "stylelint": "~16.1.0",
+    "stylelint-config-valantic": "github:valantic/stylelint-config-valantic#48b8f70490dc0b4bae69518d7f9efc2e762eda55",
     "svg-sprite": "~2.0.2",
-    "svgo": "~3.0.2",
-    "typescript": "~5.2.2",
-    "vite": "~4.4.9",
+    "svgo": "~3.2.0",
+    "typescript": "~5.3.3",
+    "vite": "~4.4.12",
     "vite-plugin-image-optimizer": "~1.1.7",
     "vite-plugin-markdown": "~2.1.0",
-    "vitest": "~0.34.4",
+    "vitest": "~0.34.6",
     "vue-component-type-helpers": "~1.8.10",
-    "vue-router": "~4.2.4",
-    "vue-tsc": "~1.8.10"
+    "vue-router": "~4.2.5",
+    "vue-tsc": "~1.8.27"
   },
   "browserslist": [
     "> 2%",