upgrade to Vite 5

Author: did

Diff for: .eslintrc.js renamed to .eslintrc.cjs

@@ -6,9 +6,9 @@ module.exports = {
     jest: true,
   },
   extends: [
-    'plugin:vue/essential',
     'eslint:recommended',
-    '@vue/prettier',
+    'plugin:vue/essential',
+    'prettier'
   ],
   parserOptions: {
     ecmaVersion: 2020,
@@ -17,18 +17,18 @@ module.exports = {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     quotes: [2, 'single', { avoidEscape: true, allowTemplateLiterals: true }],
-    'prettier/prettier': [
-      'warn',
-      {
-        semi: false,
-        trailingComma: 'all',
-        singleQuote: true,
-        printWidth: 80,
-        tabWidth: 2,
-        arrow_parens: 'avoid',
-        endOfLine: 'lf',
-      },
-    ],
+    // 'prettier': [
+    //   'warn',
+    //   {
+    //     semi: false,
+    //     trailingComma: 'all',
+    //     singleQuote: true,
+    //     printWidth: 80,
+    //     tabWidth: 2,
+    //     arrow_parens: 'avoid',
+    //     endOfLine: 'lf',
+    //   },
+    // ],
   },
   overrides: [
     {

Diff for: .gitignore

@@ -27,3 +27,11 @@ node_modules
 # https://vitejs.dev/guide/env-and-mode.html#env-files
 *.local
 
+
+# Vite Ruby
+/public/vite*
+node_modules
+# Vite uses dotenv and suggests to ignore local-only env files. See
+# https://vitejs.dev/guide/env-and-mode.html#env-files
+*.local
+

Diff for: Gemfile.lock

@@ -116,7 +116,7 @@ GEM
       mini_magick (>= 4.9.5, < 5)
       ruby-vips (>= 2.0.17, < 3)
     io-console (0.6.0)
-    irb (1.8.3)
+    irb (1.9.1)
       rdoc
       reline (>= 0.3.8)
     jbuilder (2.11.5)
@@ -136,7 +136,7 @@ GEM
       kaminari-core (= 1.2.2)
     kaminari-core (1.2.2)
     language_server-protocol (3.17.0.3)
-    loofah (2.21.4)
+    loofah (2.22.0)
       crass (~> 1.0.2)
       nokogiri (>= 1.12.0)
     maglev-injectable (2.1.1)
@@ -160,11 +160,11 @@ GEM
     net-smtp (0.4.0)
       net-protocol
     nio4r (2.5.9)
-    nokogiri (1.15.4-arm64-darwin)
+    nokogiri (1.15.5-arm64-darwin)
       racc (~> 1.4)
-    nokogiri (1.15.4-x86_64-darwin)
+    nokogiri (1.15.5-x86_64-darwin)
       racc (~> 1.4)
-    nokogiri (1.15.4-x86_64-linux)
+    nokogiri (1.15.5-x86_64-linux)
       racc (~> 1.4)
     parallel (1.23.0)
     parser (3.2.2.4)
@@ -306,7 +306,7 @@ GEM
     vite_rails (3.0.17)
       railties (>= 5.1, < 8)
       vite_ruby (~> 3.0, >= 3.2.2)
-    vite_ruby (3.3.4)
+    vite_ruby (3.5.0)
       dry-cli (>= 0.7, < 2)
       rack-proxy (~> 0.6, >= 0.6.1)
       zeitwerk (~> 2.2)

Diff for: app/frontend/editor/components/kit/icon.vue

@@ -23,9 +23,11 @@ export default {
   },
   computed: {
     icon() {
-      return defineAsyncComponent(() =>
-        import(`../../assets/${this.library}/${this.name}.svg`),
-      )
+      return defineAsyncComponent(() => {
+        const path = `../../assets/${this.library}/${this.name}.svg`
+        return import(/* @vite-ignore */ path)
+      })
+        
     },
   },
 }

Diff for: app/frontend/entrypoints/editor.js

@@ -5,4 +5,4 @@ import '~/editor/design/application.scss'
 
 document.addEventListener('DOMContentLoaded', () => {
   Editor.start()
-})
+})

Diff for: package.json

@@ -2,9 +2,13 @@
   "name": "maglev",
   "private": true,
   "scripts": {
+    "lint": "eslint --ext .js,.vue app/frontend/editor",
+    "prettier": "prettier --config .prettierrc 'app/frontend/**/*.{vue,js}'",
     "prettier-format": "prettier --config .prettierrc 'app/frontend/**/*.{vue,js}' --write",
     "test": "vitest"
   },
+  "version": "0.1.0",
+  "type": "module",
   "dependencies": {
     "axios": "^0.21.1",
     "camelcase-object-deep": "^1.1.3",
@@ -15,31 +19,29 @@
     "tiptap-extensions": "^1.34.0",
     "turbolinks": "^5.2.0",
     "v-tooltip": "^2.1.3",
-    "vue": "^2.7.13",
+    "vue": "^2.7.15",
     "vue-i18n": "^8.21.1",
     "vue-router": "^3.4.4",
     "vue-window-size": "0.6.2",
     "vuedraggable": "^2.24.3",
     "vuex": "^3.5.1"
   },
-  "version": "0.1.0",
   "devDependencies": {
-    "@vitejs/plugin-vue2": "^2.0.0",
-    "@vue/compiler-dom": "^3.2.41",
+    "@vitejs/plugin-vue2": "^2.3.1",
     "@vue/test-utils": "^1.3.1",
     "autoprefixer": "^10.4.13",
-    "eslint": "^8.26.0",
-    "jsdom": "^20.0.2",
-    "postcss": "^8.4.18",
-    "prettier": "^2.3.2",
-    "sass": "^1.55.0",
+    "eslint": "^8.54.0",
+    "eslint-plugin-vue": "^9.18.1",
+    "eslint-config-prettier": "^9.0.0",
+    "jsdom": "^23.0.0",
+    "prettier": "^3.1.0",
+    "sass": "^1.69.5",
     "tailwindcss": "^3.2.1",
-    "vite": "^4.3.0",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-ruby": "^3.2.0",
-    "vite-plugin-vue2-svg": "^0.3.0",
-    "vitest": "^0.24.4",
-    "vue-template-compiler": "^2.7.13"
+    "vite": "^5.0.0",
+    "vite-plugin-ruby": "^5.0.0",
+    "vite-plugin-vue2-svg": "^0.4.0",
+    "vitest": "^0.34.6",
+    "vue-template-compiler": "^2.7.15"
   },
   "resolutions": {
     "prosemirror-model": "^1.11.2",

Diff for: postcss.config.js renamed to postcss.config.cjs

@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
     tailwindcss: {},
-    autoprefixer: {},
+    autoprefixer: {}
   }
 }