feat(frontend): add basic configurations

frontend/nuxt.config.js

@@ -41,6 +41,7 @@ export default {
   ** https://nuxtjs.org/guide/plugins
   */
 	plugins: [
+		'@/plugins/composition-api'
 	],
 	/*
   ** Auto import components
@@ -52,7 +53,8 @@ export default {
   */
 	buildModules: [
 		'@nuxt/typescript-build',
-		'@nuxtjs/vuetify'
+		'@nuxtjs/vuetify',
+		'nuxt-typed-vuex'
 	],
 	/*
   ** Nuxt.js modules
@@ -60,38 +62,40 @@ export default {
 	modules: [
 		// Doc: https://axios.nuxtjs.org/usage
 		'@nuxtjs/axios',
-		'@nuxtjs/pwa'
+		'@nuxtjs/pwa',
+		'@nuxtjs/proxy'
 	],
+
+	proxy: {
+		// Backend
+		'/api': {
+			target: 'http://localhost:3000/',
+			changeOrigin: true,
+			pathRewrite: {
+				'/api': ''
+			}
+		}
+	},
 	/*
   ** Axios module configuration
   ** See https://axios.nuxtjs.org/options
   */
-	axios: {},
+	axios: {
+		baseURL: '/'
+	},
 	/*
   ** vuetify module configuration
   ** https://github.com/nuxt-community/vuetify-module
   */
 	vuetify: {
-		customVariables: ['~/assets/variables.scss'],
-		theme: {
-			dark: true,
-			themes: {
-				dark: {
-					primary: colors.blue.darken2,
-					accent: colors.grey.darken3,
-					secondary: colors.amber.darken3,
-					info: colors.teal.lighten1,
-					warning: colors.amber.base,
-					error: colors.deepOrange.accent4,
-					success: colors.green.accent3
-				}
-			}
-		}
 	},
 	/*
   ** Build configuration
   ** See https://nuxtjs.org/api/configuration-build/
   */
 	build: {
+		transpile: [
+			/typed-vuex/
+		]
 	}
 };

frontend/package-lock.json

@@ -2044,6 +2044,12 @@
       "resolved": "https://registry.npm.taobao.org/@types/less/download/@types/less-3.0.1.tgz",
       "integrity": "sha1-YlaUCTxy+DVsQEJ1TiIkB+UNawg="
     },
+    "@types/lodash": {
+      "version": "4.14.157",
+      "resolved": "https://registry.npm.taobao.org/@types/lodash/download/@types/lodash-4.14.157.tgz?cache=0&sync_timestamp=1592997873162&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Flodash%2Fdownload%2F%40types%2Flodash-4.14.157.tgz",
+      "integrity": "sha1-/awcUkSIYd/eGi4VFdvEblSSbcg=",
+      "dev": true
+    },
     "@types/memory-fs": {
       "version": "0.3.2",
       "resolved": "https://registry.npm.taobao.org/@types/memory-fs/download/@types/memory-fs-0.3.2.tgz",
@@ -2396,6 +2402,21 @@
         }
       }
     },
+    "@vue/composition-api": {
+      "version": "1.0.0-beta.1",
+      "resolved": "https://registry.npm.taobao.org/@vue/composition-api/download/@vue/composition-api-1.0.0-beta.1.tgz",
+      "integrity": "sha1-vVw/yQL4vXXDvZGAl0VypRpBZEc=",
+      "requires": {
+        "tslib": "^2.0.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/tslib/download/tslib-2.0.0.tgz",
+          "integrity": "sha1-GNE/wtzgQFHiDwdMyDh/2Aic5PM="
+        }
+      }
+    },
     "@webassemblyjs/ast": {
       "version": "1.9.0",
       "resolved": "https://registry.npm.taobao.org/@webassemblyjs/ast/download/@webassemblyjs/ast-1.9.0.tgz",
@@ -8076,6 +8097,15 @@
         "@nuxt/webpack": "2.13.2"
       }
     },
+    "nuxt-typed-vuex": {
+      "version": "0.1.19",
+      "resolved": "https://registry.npm.taobao.org/nuxt-typed-vuex/download/nuxt-typed-vuex-0.1.19.tgz",
+      "integrity": "sha1-2kdMbAUWAZZoKF8lNlRMEN2+RQk=",
+      "requires": {
+        "normalize-path": "^3.0.0",
+        "typed-vuex": "0.1.19"
+      }
+    },
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npm.taobao.org/object-assign/download/object-assign-4.1.1.tgz",
@@ -10815,6 +10845,12 @@
       "resolved": "https://registry.npm.taobao.org/tapable/download/tapable-1.1.3.tgz?cache=0&sync_timestamp=1589549614535&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftapable%2Fdownload%2Ftapable-1.1.3.tgz",
       "integrity": "sha1-ofzMBrWNth/XpF2i2kT186Pme6I="
     },
+    "taskwarrior-lib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npm.taobao.org/taskwarrior-lib/download/taskwarrior-lib-0.2.0.tgz",
+      "integrity": "sha1-VP/noZ+3Yt5ocr9gUKyHjtPqWjc=",
+      "dev": true
+    },
     "term-size": {
       "version": "2.2.0",
       "resolved": "https://registry.npm.taobao.org/term-size/download/term-size-2.2.0.tgz",
@@ -11133,6 +11169,11 @@
         "mime-types": "~2.1.24"
       }
     },
+    "typed-vuex": {
+      "version": "0.1.19",
+      "resolved": "https://registry.npm.taobao.org/typed-vuex/download/typed-vuex-0.1.19.tgz",
+      "integrity": "sha1-gc/8rV52tVusViJY9I3Vb/ZAiM8="
+    },
     "typedarray": {
       "version": "0.0.6",
       "resolved": "https://registry.npm.taobao.org/typedarray/download/typedarray-0.0.6.tgz",

frontend/package.json

@@ -13,8 +13,12 @@
   "dependencies": {
     "@nuxt/typescript-runtime": "^0.4.10",
     "@nuxtjs/axios": "^5.11.0",
+    "@nuxtjs/proxy": "^2.0.0",
     "@nuxtjs/pwa": "^3.0.0-beta.20",
-    "nuxt": "^2.13.0"
+    "@vue/composition-api": "^1.0.0-beta.1",
+    "lodash": "^4.17.15",
+    "nuxt": "^2.13.0",
+    "nuxt-typed-vuex": "^0.1.19"
   },
   "devDependencies": {
     "@nuxt/typescript-build": "^1.0.3",
@@ -22,8 +26,10 @@
     "@nuxtjs/eslint-config-typescript": "^2.0.0",
     "@nuxtjs/eslint-module": "^2.0.0",
     "@nuxtjs/vuetify": "^1.11.2",
+    "@types/lodash": "^4.14.157",
     "babel-eslint": "^10.1.0",
     "eslint": "^7.2.0",
-    "eslint-plugin-nuxt": "^1.0.0"
+    "eslint-plugin-nuxt": "^1.0.0",
+    "taskwarrior-lib": "^0.2.0"
   }
 }

frontend/plugins/composition-api.js

@@ -0,0 +1,5 @@
+// plugins/composition-api.js
+import Vue from 'vue';
+import VueCompositionApi from '@vue/composition-api';
+
+Vue.use(VueCompositionApi);

frontend/tsconfig.json

@@ -25,8 +25,11 @@
     },
     "types": [
       "@types/node",
-      "@nuxt/types"
-    ]
+      "@nuxt/types",
+      "@nuxtjs/axios",
+      "@nuxtjs/vuetify"
+    ],
+		"typeRoots": ["./node_modules/@types", "./types"]
   },
   "exclude": [
     "node_modules",