add sweetalert & dark design.

client/package-lock.json

@@ -12107,6 +12107,11 @@
         "util.promisify": "~1.0.0"
       }
     },
+    "sweetalert2": {
+      "version": "10.15.5",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-10.15.5.tgz",
+      "integrity": "sha512-zHZqVpsEyfBVy/O25D7RMYyh+/h0jbmHXGK9DWEDnkPvsl4JlMueJRSEidAFS+mtYDLI8fFkGKltgHRvDPRV1g=="
+    },
     "table": {
       "version": "5.4.6",
       "resolved": "https://registry.npm.taobao.org/table/download/table-5.4.6.tgz",
@@ -13125,6 +13130,14 @@
         }
       }
     },
+    "vue-sweetalert2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/vue-sweetalert2/-/vue-sweetalert2-4.2.0.tgz",
+      "integrity": "sha512-6D7sNEWiUek8eNUl4oHJJvQPiXFVKGrtoJnUaturyVxBY7+MYQF1C7YEiktSp2UtatUPdObt+ozU5dN1TnvD4w==",
+      "requires": {
+        "sweetalert2": "10.x"
+      }
+    },
     "vue-template-compiler": {
       "version": "2.6.12",
       "resolved": "https://registry.npm.taobao.org/vue-template-compiler/download/vue-template-compiler-2.6.12.tgz",

client/package.json

@@ -15,6 +15,7 @@
     "vue-class-component": "^7.2.3",
     "vue-property-decorator": "^9.1.2",
     "vue-router": "^3.2.0",
+    "vue-sweetalert2": "^4.2.0",
     "vuetify": "^2.4.0",
     "vuex": "^3.4.0"
   },

client/src/App.vue

@@ -2,7 +2,7 @@
   <v-app>
     <v-app-bar
       app
-      color="primary"
+      color="indigo"
       dark
     >
       <div class="d-flex align-center">
@@ -39,6 +39,10 @@ export default Vue.extend({
 
   data: () => ({
     //
-  })
+  }),
+
+  created () {
+    this.$vuetify.theme.dark = true
+  }
 })
 </script>

client/src/main.ts

@@ -1,10 +1,13 @@
 import Vue from 'vue'
 import App from './App.vue'
 import './plugins/filters.ts'
+import './plugins/sweetalert.ts'
 import router from './router'
 import store from './store'
 import vuetify from './plugins/vuetify'
 
+import '@/assets/styles/main.scss';
+
 Vue.config.productionTip = false
 
 new Vue({

client/src/plugins/sweetalert.ts

@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import VueSweetalert2 from 'vue-sweetalert2';
+
+Vue.use(VueSweetalert2);

client/tsconfig.json

@@ -13,6 +13,7 @@
     "sourceMap": true,
     "baseUrl": ".",
     "types": [
+      "vue-sweetalert2",
       "webpack-env"
     ],
     "paths": {