Remove @vue/compat

front/package.json

@@ -18,7 +18,6 @@
     "postinstall": "yarn run fix-fomantic-css"
   },
   "dependencies": {
-    "@vue/compat": "3.2.37",
     "@vueuse/core": "8.7.5",
     "@vueuse/integrations": "8.7.5",
     "axios": "0.27.2",

front/src/components/library/EditForm.vue

@@ -248,7 +248,7 @@ import EditList from '~/components/library/EditList.vue'
 import EditCard from '~/components/library/EditCard.vue'
 import TagsSelector from '~/components/library/TagsSelector.vue'
 import useEditConfigs from '~/composables/useEditConfigs'
-import { computed } from 'vue/dist/vue'
+import { computed } from 'vue'
 
 export default {
   components: {

front/src/main.ts

@@ -1,35 +1,14 @@
 import router from '~/router'
 import store, { key } from '~/store'
-// @ts-expect-error typescript does not know about configureCompat
-import { configureCompat, createApp, defineAsyncComponent, h } from 'vue'
+import { createApp, defineAsyncComponent, h } from 'vue'
 import useLogger from '~/composables/useLogger'
 import useTheme from '~/composables/useTheme'
 
 // NOTE: Set the theme as fast as possible
 useTheme()
 
-configureCompat({
-  RENDER_FUNCTION: false,
-  COMPONENT_V_MODEL: false,
-  // TODO (wvffle): Make sure it works
-  //                Search pattern: v-for([^>]|\n)+?[^h]ref
-  V_FOR_REF: false,
-  OPTIONS_BEFORE_DESTROY: false,
-  OPTIONS_DESTROYED: false,
-  CUSTOM_DIR: false,
-  INSTANCE_EVENT_HOOKS: false,
-  INSTANCE_LISTENERS: false,
-  INSTANCE_EVENT_EMITTER: false,
-  INSTANCE_CHILDREN: false,
-  GLOBAL_SET: false,
-  GLOBAL_DELETE: false,
-  INSTANCE_SET: false,
-  INSTANCE_DELETE: false,
-  COMPILER_V_BIND_SYNC: false,
-  COMPILER_V_ON_NATIVE: false,
-  FILTERS: false
-})
-
+// TODO (wvffle): Make sure V_FOR_REF works
+//                Search pattern: v-for([^>]|\n)+?[^h]ref
 const logger = useLogger()
 logger.info('Loading environment:', import.meta.env.MODE)
 logger.debug('Environment variables:', import.meta.env)

front/vite.config.ts

@@ -55,7 +55,6 @@ export default defineConfig(() => ({
   server: { port, hmr },
   resolve: {
     alias: {
-      vue: '@vue/compat',
       '~': resolve(__dirname, './src')
     }
   },

front/yarn.lock

@@ -1708,11 +1708,6 @@
     "@vue/compiler-sfc" "^3.2.37"
     "@vue/reactivity" "^3.2.37"
 
-"@vue/compat@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.yarnpkg.com/@vue/compat/-/compat-3.2.37.tgz#bd2062a2be88d06046311d5c058aefb17a1d438a"
-  integrity sha512-MIYkFAz3Fur1mtZBqrNMYTymlohCQ0ol6vtNb58cqExLSCt63xZaXyiZZYPvS6WaMXfbNBDPXMvU9tO922eFCA==
-
 "@vue/compiler-core@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.37.tgz#b3c42e04c0e0f2c496ff1784e543fbefe91e215a"