feat(frontend): add icons and add config for PWA

frontend/layouts/default.vue

@@ -22,6 +22,9 @@
 		</v-snackbar>
 
 		<v-app-bar height="54px" fixed app>
+			<v-icon class="mr-2" color="blue">
+				mdi-sticker-check-outline
+			</v-icon>
 			<v-toolbar-title>
 				Taskwarrior WebUI
 			</v-toolbar-title>

frontend/nuxt.config.js

@@ -1,5 +1,3 @@
-import colors from 'vuetify/es5/util/colors';
-
 export default {
 	server: {
 		port: 8080
@@ -20,15 +18,15 @@ export default {
   ** See https://nuxtjs.org/api/configuration-head
   */
 	head: {
-		titleTemplate: '%s - ' + process.env.npm_package_name,
-		title: process.env.npm_package_name || '',
+		titleTemplate: '%s',
+		title: 'Taskwarrior Webui',
 		meta: [
 			{ charset: 'utf-8' },
 			{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
 			{ hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
 		],
 		link: [
-			{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
+			{ rel: 'icon', type: 'image/png', href: '/favicon.png' }
 		]
 	},
 	/*
@@ -53,8 +51,7 @@ export default {
   */
 	buildModules: [
 		'@nuxt/typescript-build',
-		'@nuxtjs/vuetify',
-		'nuxt-typed-vuex'
+		'@nuxtjs/vuetify'
 	],
 	/*
   ** Nuxt.js modules
@@ -66,6 +63,16 @@ export default {
 		'@nuxtjs/proxy'
 	],
 
+	pwa: {
+		meta: {
+			name: 'Taskwarrior-webui'
+		},
+		manifest: {
+			name: 'Taskwarrior-webui',
+			short_name: 'Taskwarrior-webui'
+		}
+	},
+
 	proxy: {
 		// Backend
 		'/api': {
@@ -94,8 +101,5 @@ export default {
   ** See https://nuxtjs.org/api/configuration-build/
   */
 	build: {
-		transpile: [
-			/typed-vuex/
-		]
 	}
 };

frontend/static/icon.svg

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="icon.svg"
+   id="svg56"
+   viewBox="0 0 24 24"
+   height="24"
+   width="24"
+   version="1.1">
+  <metadata
+     id="metadata62">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs60" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg56"
+     inkscape:window-maximized="1"
+     inkscape:window-y="0"
+     inkscape:window-x="0"
+     inkscape:cy="11.232847"
+     inkscape:cx="5.7501503"
+     inkscape:zoom="21.979236"
+     showgrid="false"
+     id="namedview58"
+     inkscape:window-height="991"
+     inkscape:window-width="1920"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     style="fill:#2196f3;fill-opacity:1"
+     id="path54"
+     d="M18.5 2H5.5C3.6 2 2 3.6 2 5.5V18.5C2 20.4 3.6 22 5.5 22H16L22 16V5.5C22 3.6 20.4 2 18.5 2M20 15H18.5C16.6 15 15 16.6 15 18.5V20H5.8C4.8 20 4 19.2 4 18.2V5.8C4 4.8 4.8 4 5.8 4H18.3C19.3 4 20.1 4.8 20.1 5.8V15M15.2 8.2L16.7 9.7L10.7 15.7L7.2 12.2L8.7 10.7L10.7 12.7L15.2 8.2Z" />
+</svg>