refactor: Add TypeScript

babel.config.js

@@ -1,5 +1,16 @@
 module.exports = {
   presets: [
     '@vue/app'
+  ],
+  ecmaFeatures: {
+    legacyDecorators: true
+  },
+  plugins: [
+    [ '@babel/proposal-decorators', {
+      legacy: true
+    } ],
+    [ '@babel/proposal-class-properties', {
+      loose: true
+    } ]
   ]
-}
+};

package.json

@@ -27,13 +27,17 @@
     "lodash.clonedeep": "^4.5.0",
     "quicktype-core": "^6.0.52",
     "serve-handler": "^6.1.2",
-    "vue": "^2.6.10",
+    "vue": "^2.6.12",
+    "vue-class-component": "^7.2.6",
     "vue-highlight-component": "^1.0.0",
+    "vue-property-decorator": "^9.0.2",
     "vue-router": "^3.1.2",
     "vuedraggable": "^2.24.0",
     "vuex": "^3.1.1"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@babel/plugin-proposal-decorators": "^7.12.1",
     "@vue/cli-plugin-babel": "^3.8.0",
     "@vue/cli-plugin-eslint": "^3.8.0",
     "@vue/cli-service": "^3.8.0",
@@ -58,6 +62,11 @@
       "plugin:vue/recommended",
       "eslint:recommended"
     ],
+    "parserOptions": {
+      "ecmaFeatures": {
+        "legacyDecorators": true
+      }
+    },
     "plugins": [
       "vue"
     ],

tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "lib": [ "esnext", "esnext.asynciterable", "dom" ],
+    "esModuleInterop": true,
+    "allowJs": true,
+    "sourceMap": true,
+    "strict": true,
+    "noEmit": true,
+    "baseUrl": ".",
+    "paths": {
+      "~/*": [ "./*" ],
+      "@/*": [ "./*" ]
+    },
+    "types": [ "@types/node" ]
+  },
+  "exclude": [ "node_modules" ]
+}