improve a11y / compress build, lighthouse

components/Event.vue

@@ -19,7 +19,7 @@
       client-only
         v-menu(offset-y)
           template(v-slot:activator="{on}")
-            v-btn.align-self-end(icon v-on='on' color='primary' alt='more')
+            v-btn.align-self-end(icon v-on='on' color='primary' aria-label='more')
               v-icon(v-text='mdiDotsVertical')
           v-list(dense)
             v-list-item-group
@@ -44,7 +44,7 @@
                 v-list-item-content
                   v-list-item-title {{$t('common.remove')}}
         template(#placeholder)
-          v-btn.align-self-end(icon color='primary' alt='more')
+          v-btn.align-self-end(icon color='primary' aria-label='more')
             v-icon(v-text='mdiDotsVertical')                
 </template>
 <script>

components/Footer.vue

@@ -4,7 +4,7 @@
     v-dialog(v-model='showFollowMe' destroy-on-close max-width='700px' :fullscreen='$vuetify.breakpoint.xsOnly')
       FollowMe(@close='showFollowMe=false' is-dialog)
 
-    v-btn(color='primary' text href='https://gancio.org' target='_blank') Gancio <small>{{settings.version}}</small>
+    v-btn(color='primary' text href='https://gancio.org' target='_blank' rel="noopener") Gancio <small>{{settings.version}}</small>
     v-btn.ml-1(v-for='link in footerLinks'
       :key='link.label' color='primary' text
       :href='link.href' :to='link.to' :target="link.href && '_blank'") {{link.label}}

components/Nav.vue

@@ -4,7 +4,7 @@
     //- logo, title and description
     v-list-item(:to='$route.name==="index"?"/about":"/"')
       v-list-item-avatar(tile)
-        v-img(src='/logo.png')
+        v-img(src='/logo.png' alt='home')
       v-list-item-content.d-none.d-sm-flex
         v-list-item-title
           h2 {{settings.title}}

nuxt.config.js

@@ -14,7 +14,7 @@ module.exports = {
       { name: 'viewport', content: 'width=device-width, initial-scale=1' }
     ],
     link: [{ rel: 'icon', type: 'image/png', href: '/logo.png' }],
-    link: [{ rel: 'preload', type: 'image/png', href: '/logo.png', as: 'media' }],
+    link: [{ rel: 'preload', type: 'image/png', href: '/logo.png', as: 'image' }],
     script: [{ src: '/gancio-events.es.js', async: true, body: true }],
   },
   dev: isDev,
@@ -112,11 +112,12 @@ module.exports = {
       }      
     },
     defaultAssets: false
+  },
   build: {
     corejs: 3,
     cache: true,
-    // hardSource: true,
-    extractCSS: true,
-    optimizeCSS: true,
+    hardSource: !isDev,
+    extractCSS: !isDev,
+    optimizeCSS: !isDev
   },
 }