chore(webapp): fix `vue/v-slot-style`

www/webapp/src/App.vue

@@ -49,7 +49,7 @@
       <v-btn class="mx-4 mr-0" color="primary" depressed :to="{name: 'login'}" v-if="!$store.state.authenticated">Log In</v-btn>
       <v-btn class="mx-4 mr-0" color="primary" depressed outlined @click="logout" v-if="$store.state.authenticated">Log Out</v-btn>
       <v-app-bar-nav-icon class="d-md-none" @click.stop="drawer = !drawer" />
-      <template v-slot:extension v-if="$store.state.authenticated">
+      <template #extension v-if="$store.state.authenticated">
         <v-tabs background-color="primary darken-1" fixed-tabs>
           <v-tab
             v-for="(item, key) in tabmenu"
@@ -63,7 +63,7 @@
                   bottom
                   left
           >
-            <template v-slot:activator="{ on }">
+            <template #activator="{ on }">
               <v-btn
                       text
                       class="align-self-center mr-4"
@@ -90,7 +90,7 @@
 
     <v-main>
       <v-banner v-for="alert in $store.state.alerts" :key="alert.id">
-        <template v-slot:icon>
+        <template #icon>
           <v-icon
             color="warning"
             size="36"
@@ -99,7 +99,7 @@
           </v-icon>
         </template>
         {{ alert.teaser }}
-        <template v-slot:actions>
+        <template #actions>
           <v-btn
             color="primary"
             depressed

www/webapp/src/views/CrudList.vue

@@ -32,7 +32,7 @@
                   class="elevation-1"
                   @click:row="rowClick"
           >
-            <template v-slot:top>
+            <template #top>
               <!-- Headline & Toolbar, Including New Form -->
               <v-toolbar flat>
                 <v-toolbar-title>{{ headlines.table }}</v-toolbar-title>
@@ -64,7 +64,7 @@
                 >
                   <v-icon>mdi-plus</v-icon>
                 </v-btn>
-                <template v-slot:extension v-if="$vuetify.breakpoint.xsOnly">
+                <template #extension v-if="$vuetify.breakpoint.xsOnly">
                   <v-text-field
                           v-model="search"
                           append-icon="mdi-magnify"
@@ -194,7 +194,7 @@
 
             <template
               v-for="(column, id) in columns"
-              v-slot:[column.name]="itemFieldProps"
+              #[column.name]="itemFieldProps"
             >
               <component
                 :is="column.datatype"
@@ -207,7 +207,7 @@
                 @dirty="dirty.add(itemFieldProps.item); dirtyError.delete(itemFieldProps.item);"
               />
             </template>
-            <template v-slot:[`item.actions`]="itemFieldProps">
+            <template #[`item.actions`]="itemFieldProps">
               <v-layout
                       class="my-1 py-3"
                       justify-end
@@ -218,7 +218,7 @@
                       top
                       transition="fade-transition"
                   >
-                    <template v-slot:activator="{ on, attrs }">
+                    <template #activator="{ on, attrs }">
                       <v-btn
                               v-bind="attrs"
                               v-on="on"
@@ -235,7 +235,7 @@
                 </div>
               </v-layout>
             </template>
-            <template v-slot:no-data>
+            <template #no-data>
               <div v-if="!pagination_required">
                 <div class="py-4 text-xs-center">
                   <h2 class="title">Feels so empty here!</h2>

www/webapp/src/views/DomainSetup.vue

@@ -122,7 +122,7 @@
     <v-snackbar v-model="snackbar">
       {{ snackbar_text }}
 
-      <template v-slot:action="{ attrs }">
+      <template #action="{ attrs }">
         <v-btn
             color="pink"
             text

www/webapp/src/views/Home.vue

@@ -147,7 +147,7 @@
             style="display: block;"
           >
             <v-tooltip bottom v-for="f in frontends" :key="f.host">
-              <template v-slot:activator="{ on }">
+              <template #activator="{ on }">
                 <v-img
                   v-on="on"
                   :src="require('../assets/mapmarker.svg')" alt="Anycast POP" height="2em" width="2em"

www/webapp/src/views/SignUp.vue

@@ -129,7 +129,7 @@
                       :disabled="working"
                       tabindex="5"
                 >
-                  <template v-slot:label>
+                  <template #label>
                     <v-flex>
                       Tell me about deSEC developments. No ads. <small>(recommended)</small>
                     </v-flex>
@@ -146,7 +146,7 @@
                       :rules="terms_rules"
                       tabindex="6"
                 >
-                  <template v-slot:label>
+                  <template #label>
                     <v-flex>
                       Yes, I agree to the <a @click.stop="open_route('terms')">Terms of Use</a> and
                       <a @click.stop="open_route('privacy-policy')">Privacy Policy</a>.