From 35496116cde21d6318978af9de35874601fc556a Mon Sep 17 00:00:00 2001
From: silverpill <silverpill@firemail.cc>
Date: Wed, 18 May 2022 18:29:33 +0000
Subject: [PATCH] Enable reactive variables

---
 package-lock.json |  5 ++---
 package.json      |  5 ++---
 vue.config.js     | 13 +++++++++++++
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 45c13e7..a6a95e0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,10 +14,10 @@
         "luxon": "^1.26.0",
         "markdown-it": "^12.2.0",
         "markdown-it-link-attributes": "^3.0.0",
-        "vue": "^3.2.26",
+        "vue": "^3.2.33",
         "vue-class-component": "^8.0.0-0",
         "vue-property-decorator": "^10.0.0-rc.3",
-        "vue-router": "^4.0.0-0",
+        "vue-router": "^4.0.15",
         "vue3-click-away": "^1.2.1"
       },
       "devDependencies": {
@@ -35,7 +35,6 @@
         "@vue/cli-plugin-typescript": "~5.0.4",
         "@vue/cli-plugin-unit-mocha": "~5.0.4",
         "@vue/cli-service": "~5.0.4",
-        "@vue/compiler-sfc": "^3.2.23",
         "@vue/eslint-config-standard": "^6.1.0",
         "@vue/eslint-config-typescript": "^8.0.0",
         "@vue/test-utils": "^2.0.0-0",
diff --git a/package.json b/package.json
index 225f2cc..5d0701e 100644
--- a/package.json
+++ b/package.json
@@ -20,10 +20,10 @@
     "luxon": "^1.26.0",
     "markdown-it": "^12.2.0",
     "markdown-it-link-attributes": "^3.0.0",
-    "vue": "^3.2.26",
+    "vue": "^3.2.33",
     "vue-class-component": "^8.0.0-0",
     "vue-property-decorator": "^10.0.0-rc.3",
-    "vue-router": "^4.0.0-0",
+    "vue-router": "^4.0.15",
     "vue3-click-away": "^1.2.1"
   },
   "devDependencies": {
@@ -41,7 +41,6 @@
     "@vue/cli-plugin-typescript": "~5.0.4",
     "@vue/cli-plugin-unit-mocha": "~5.0.4",
     "@vue/cli-service": "~5.0.4",
-    "@vue/compiler-sfc": "^3.2.23",
     "@vue/eslint-config-standard": "^6.1.0",
     "@vue/eslint-config-typescript": "^8.0.0",
     "@vue/test-utils": "^2.0.0-0",
diff --git a/vue.config.js b/vue.config.js
index df6b5aa..b886fe6 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,3 +1,16 @@
 module.exports = {
+  chainWebpack: (config) => {
+    // Enable reactivity transform
+    // https://github.com/vuejs/rfcs/discussions/369
+    config.module
+      .rule("vue")
+      .use("vue-loader")
+      .tap((options) => {
+        return {
+          ...options,
+          reactivityTransform: true,
+        }
+      })
+  },
   lintOnSave: false,
 }