From 5984d20cff44a890df16bcc0b423e97c8508efd1 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Mon, 8 May 2023 15:51:35 +0200
Subject: [PATCH] Re-add compatibility mode for Vue 3, for safety

---
 client/src/shims-vue.d.ts | 20 +++++++++++++++-----
 client/vite.config.ts     | 11 ++++++++++-
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/client/src/shims-vue.d.ts b/client/src/shims-vue.d.ts
index 4ee6a24c..3e07610a 100644
--- a/client/src/shims-vue.d.ts
+++ b/client/src/shims-vue.d.ts
@@ -4,13 +4,23 @@
 //   export default Vue;
 // }
 
-// for Vue 3
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue';
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
+// for Vue 3 compat
+declare module 'vue' {
+  import { CompatVue } from '@vue/runtime-dom';
+  const Vue: CompatVue;
+  export default Vue;
+  export * from '@vue/runtime-dom';
+  const { configureCompat } = Vue;
+  export { configureCompat };
 }
 
+// for Vue 3
+// declare module '*.vue' {
+//   import type { DefineComponent } from 'vue';
+//   const component: DefineComponent<{}, {}, any>;
+//   export default component;
+// }
+
 // ugly hack to make types for those two packages
 declare module 'vue-vimeo-player' {
   const plugin: any;
diff --git a/client/vite.config.ts b/client/vite.config.ts
index b2669e6d..027fbb62 100644
--- a/client/vite.config.ts
+++ b/client/vite.config.ts
@@ -67,6 +67,7 @@ export default defineConfig({
       '@': resolve('./src'),
       styles: resolve('./src/styles'),
       gql: resolve('./src/graphql/gql'),
+      vue: '@vue/compat'
     },
   },
   server: {
@@ -75,6 +76,14 @@ export default defineConfig({
       clientPort: 8080,
     },
   },
-  plugins: [gql(), vue(), htmlPlugin()],
+  plugins: [gql(), vue({
+    template: {
+      compilerOptions: {
+        compatConfig: {
+          MODE: 2
+        }
+      }
+    }
+  }), htmlPlugin()],
   define,
 });