fix(ui): vuetify deprecation .native (#797)

Author: robertsLando

src/App.vue

@@ -83,7 +83,7 @@
       v-model="snackbar"
     >
       {{ snackbarText }}
-      <v-btn text @click.native="snackbar = false">Close</v-btn>
+      <v-btn text @click="snackbar = false">Close</v-btn>
     </v-snackbar>
   </v-app>
 </template>

src/components/Confirm.vue

@@ -12,8 +12,8 @@
       <v-card-text v-show="!!message" class="pa-4">{{ message }}</v-card-text>
       <v-card-actions class="pt-0">
         <v-spacer></v-spacer>
-        <v-btn @click.native="agree" text :color="options.color">Yes</v-btn>
-        <v-btn @click.native="cancel" text>Cancel</v-btn>
+        <v-btn @click="agree" text :color="options.color">Yes</v-btn>
+        <v-btn @click="cancel" text>Cancel</v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>

src/components/ControlPanel.vue

@@ -47,15 +47,15 @@
             </v-flex>
 
             <v-flex xs12 sm6 md3 align-self-center>
-              <v-btn icon @click.native="importConfiguration">
+              <v-btn icon @click="importConfiguration">
                 <v-tooltip bottom>
                   <template v-slot:activator="{ on }">
                     <v-icon dark color="primary" v-on="on">file_upload</v-icon>
                   </template>
                   <span>Import nodes.json Configuration</span>
                 </v-tooltip>
               </v-btn>
-              <v-btn icon @click.native="exportConfiguration">
+              <v-btn icon @click="exportConfiguration">
                 <v-tooltip bottom>
                   <template v-slot:activator="{ on }">
                     <v-icon dark color="primary" v-on="on"
@@ -286,25 +286,22 @@
                       <v-btn
                         color="blue darken-1"
                         text
-                        @click.native="storeDevices(false)"
+                        @click="storeDevices(false)"
                         >Store</v-btn
                       >
                       <v-btn
                         color="red darken-1"
                         text
-                        @click.native="storeDevices(true)"
+                        @click="storeDevices(true)"
                         >Remove Store</v-btn
                       >
-                      <v-btn
-                        color="green darken-1"
-                        text
-                        @click.native="rediscoverNode"
+                      <v-btn color="green darken-1" text @click="rediscoverNode"
                         >Rediscover Node</v-btn
                       >
                       <v-btn
                         color="yellow darken-1"
                         text
-                        @click.native="disableDiscovery"
+                        @click="disableDiscovery"
                         >Disable Discovery</v-btn
                       >
 
@@ -344,31 +341,31 @@
                         color="blue darken-1"
                         :disabled="errorDevice"
                         text
-                        @click.native="addDevice"
+                        @click="addDevice"
                         >Add</v-btn
                       >
                       <v-btn
                         v-if="selectedDevice"
                         color="blue darken-1"
                         :disabled="errorDevice"
                         text
-                        @click.native="updateDevice"
+                        @click="updateDevice"
                         >Update</v-btn
                       >
                       <v-btn
                         v-if="selectedDevice"
                         color="green darken-1"
                         :disabled="errorDevice"
                         text
-                        @click.native="rediscoverDevice"
+                        @click="rediscoverDevice"
                         >Rediscover</v-btn
                       >
                       <v-btn
                         v-if="selectedDevice"
                         color="red darken-1"
                         :disabled="errorDevice"
                         text
-                        @click.native="deleteDevice"
+                        @click="deleteDevice"
                         >Delete</v-btn
                       >
                       <v-textarea
@@ -454,15 +451,15 @@
                     <v-btn
                       rounded
                       color="primary"
-                      @click.native="addAssociation"
+                      @click="addAssociation"
                       dark
                       class="mb-2"
                       >Add</v-btn
                     >
                     <v-btn
                       rounded
                       color="primary"
-                      @click.native="removeAssociation"
+                      @click="removeAssociation"
                       dark
                       class="mb-2"
                       >Remove</v-btn
@@ -477,11 +474,11 @@
               <v-container grid-list-md>
                 <v-layout wrap>
                   <v-flex xs12>
-                    <v-btn text @click.native="importScenes">
+                    <v-btn text @click="importScenes">
                       Import
                       <v-icon right dark color="primary">file_upload</v-icon>
                     </v-btn>
-                    <v-btn text @click.native="exportScenes">
+                    <v-btn text @click="exportScenes">
                       Export
                       <v-icon right dark color="primary">file_download</v-icon>
                     </v-btn>

src/components/custom/file-input.vue

@@ -6,7 +6,7 @@
       v-model="filename"
       :label="label.toUpperCase()"
       :required="required"
-      @click.native="onFocus"
+      @click="onFocus"
       :rules="rules"
       :disabled="disabled"
       ref="fileTextField"