npm update dependencies

fix image alignment on welcome page

README.md

@@ -14,12 +14,7 @@ Features include:
 - serve the individual pages of those books via an API
 - serve the complete file via an API
 - provide OPDS feed
-
-## Status & vision
-
-For now Komga is a simple server without user interface, providing an API and OPDS feed. It can work with [Tachiyomi](https://github.com/inorichi/tachiyomi) through the official extension, as well as most OPDS readers.
-
-The long term vision is to offer something similar to Plex, but for comics!
+- web interface for administration
 
 ## Installation
 
@@ -114,8 +109,14 @@ Tested readers:
 - iOS
   - :white_check_mark: [KyBook 3](http://kybook-reader.com/)
 
+## Web interface
+
+The web interface is available on port `8080`.
+
 ## APIs
 
+Default port for APIs is `8080`.
+
 ### Native API
 
 Komga offers a REST API, which you can browse using Swagger. It's available at `/swagger-ui.html`. The API offers __file download__ and __page streaming__.

komga-webui/package-lock.json

@@ -13516,9 +13516,9 @@
       }
     },
     "sass": {
-      "version": "1.22.12",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.22.12.tgz",
-      "integrity": "sha512-u5Rxn+dKTPCW5/11kMNxtmqKsxCjcpnqj9CaJoru1NqeJ0DOa9rOM00e0HqmseTAatGkKoLY+jaNecMYevu1gg==",
+      "version": "1.23.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.23.0.tgz",
+      "integrity": "sha512-W4HT8+WE31Rzk3EPQC++CXjD5O+lOxgYBIB8Ohvt7/zeE2UzYW+TOczDrRU3KcEy3+xwXXbmDsOZFkoqgD4TKw==",
       "dev": true,
       "requires": {
         "chokidar": ">=2.0.0 <4.0.0"
@@ -15121,9 +15121,9 @@
       "dev": true
     },
     "typescript": {
-      "version": "3.6.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.6.3.tgz",
-      "integrity": "sha512-N7bceJL1CtRQ2RiG0AQME13ksR7DiuQh/QehubYcghzv20tnh+MQnQIuJddTmsbqYj+dztchykemz0zFzlvdQw==",
+      "version": "3.6.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.6.4.tgz",
+      "integrity": "sha512-unoCll1+l+YK4i4F8f22TaNVPRHcD9PA3yCuZ8g5e0qGqlVlJ/8FSateOLLSagn+Yg5+ZwuPkL8LFUc0Jcvksg==",
       "dev": true
     },
     "uglify-js": {
@@ -15559,9 +15559,9 @@
       "integrity": "sha512-QHZWYOL325Zo+2K7VBNEJTZ496Kd8Z31p85aQJFldKudUUGBmgw4zu4ghl4CyqPwjRCmqZ9lDdx4FSdMnu4fGg=="
     },
     "vuetify": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-2.0.19.tgz",
-      "integrity": "sha512-zBskf77Z+RH8+Qs1q0NIDv/1enVkOoVH2dcdjcs+ZUNOhnlG0IkDedmqE2+PNm0JvJdgpOaV8wq+Pl69TGD2Hg=="
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-2.1.2.tgz",
+      "integrity": "sha512-cRCemRFQUWS14I3wONDp08zHeMDSNAa0bjqG9X9+SHAOoCinMxENnOKuct74YKvFyaLPyp8nyH5ELmx5FlPJDw=="
     },
     "vuetify-loader": {
       "version": "1.3.0",

komga-webui/package.json

@@ -15,7 +15,7 @@
     "vue": "^2.6.10",
     "vue-router": "^3.0.3",
     "vuelidate": "^0.7.4",
-    "vuetify": "^2.0.0",
+    "vuetify": "^2.1.2",
     "vuex": "^3.0.1"
   },
   "devDependencies": {
@@ -34,10 +34,10 @@
     "babel-eslint": "^10.0.1",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
-    "sass": "^1.17.4",
+    "sass": "^1.23.0",
     "sass-loader": "^7.1.0",
     "ts-jest": "^23.0.0",
-    "typescript": "^3.4.3",
+    "typescript": "^3.6.4",
     "vue-cli-plugin-vuetify": "^0.6.3",
     "vue-template-compiler": "^2.6.10",
     "vuetify-loader": "^1.2.2"

komga-webui/src/components/Welcome.vue

@@ -1,16 +1,18 @@
 <template>
-  <v-layout justify-center>
-    <div class="text-center">
-      <div>
-        <v-img src="../assets/logo.svg"
-               max-width="400"
-        ></v-img>
+  <div>
+    <v-row align="center" justify="center">
+      <v-img src="../assets/logo.svg"
+             max-width="400"
+      ></v-img>
+    </v-row>
+    <v-row align="center" justify="center">
+      <div class="text-center">
         <h1 class="headline mt-4">Welcome to Komga</h1>
-        <p class="body-1">The user interface is quite new an still a little scarce.</p>
+        <p class="body-1">The user interface is quite new, more features will come in future releases!</p>
         <v-btn color="primary" :to="{name: 'addlibrary'}">Add library</v-btn>
       </div>
-    </div>
-  </v-layout>
+    </v-row>
+  </div>
 </template>
 
 <script lang="ts">

komga-webui/src/views/Home.vue

@@ -17,9 +17,6 @@
           <v-list-item-title class="title">
             Komga
           </v-list-item-title>
-          <v-list-item-subtitle>
-            Comic books media server
-          </v-list-item-subtitle>
         </v-list-item-content>
       </v-list-item>