update all before V2 dev start

ui/package.json

@@ -7,23 +7,23 @@
     "build": "vue-cli-service build"
   },
   "dependencies": {
-    "axios": "^0.19.2",
-    "is-cidr": "^3.1.1",
+    "axios": "^0.21.1",
+    "is-cidr": "^4.0.2",
     "moment": "^2.29.1",
     "vue": "^2.6.12",
-    "vue-axios": "^2.1.5",
+    "vue-axios": "^3.2.4",
     "vue-moment": "^4.1.0",
-    "vue-router": "^3.4.9",
-    "vuetify": "^2.3.17",
-    "vuex": "^3.5.1"
+    "vue-router": "^3.5.1",
+    "vuetify": "^2.4.9",
+    "vuex": "^3.6.2"
   },
   "devDependencies": {
-    "@vue/cli-plugin-router": "^4.5.8",
-    "@vue/cli-service": "^4.5.8",
-    "sass": "^1.29.0",
-    "sass-loader": "^8.0.0",
-    "vue-cli-plugin-vuetify": "^2.0.7",
+    "@vue/cli-plugin-router": "^4.5.12",
+    "@vue/cli-service": "^4.5.12",
+    "sass": "^1.32.8",
+    "sass-loader": "^10.1.1",
+    "vue-cli-plugin-vuetify": "^2.3.1",
     "vue-template-compiler": "^2.6.12",
-    "vuetify-loader": "^1.6.0"
+    "vuetify-loader": "^1.7.2"
   }
 }

ui/public/index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.png">
-    <title>ui</title>
+    <title>Wg Gen Web</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
   </head>

ui/src/App.vue

@@ -4,11 +4,11 @@
     <div v-if="this.isAuthenticated">
       <Header/>
 
-      <v-content>
+      <v-main>
         <v-container>
           <router-view />
         </v-container>
-      </v-content>
+      </v-main>
 
       <Footer/>
     </div>

ui/src/views/Clients.vue

@@ -1,7 +1,7 @@
 <template>
-  <v-content>
+  <v-main>
     <Clients/>
-  </v-content>
+  </v-main>
 </template>
 
 <script>

ui/src/views/Server.vue

@@ -1,7 +1,7 @@
 <template>
-    <v-content>
+    <v-main>
         <Server/>
-    </v-content>
+    </v-main>
 </template>
 
 <script>

ui/src/views/Status.vue

@@ -1,7 +1,7 @@
 <template>
-  <v-content>
+  <v-main>
     <Status/>
-  </v-content>
+  </v-main>
 </template>
 
 <script>

ui/vue.config.js

@@ -3,7 +3,10 @@ module.exports = {
     port: 8081,
     disableHostCheck: true,
   },
-  "transpileDependencies": [
+  transpileDependencies: [
     "vuetify"
-  ]
+  ],
+  pwa: {
+    name: 'Wg Gen Web',
+  }
 };