Various Vue warning fixes

Daandelange · Nov 11, 2021 · f273da0 · f273da0
1 parent 43ebff9
commit f273da0
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/src/components/Sections/Configuration.vue b/src/components/Sections/Configuration.vue
@@ -4,7 +4,7 @@
 
     <k-headline class="rightColumnAlign">{{ $t('simplestats.info.config.tracking') }}</k-headline>
     <k-text-field name="" :counter="false" :disabled="true" :label="$t('simplestats.info.config.tracking.periodname')" :value="trackingPeriodName" icon="clock"/>
-    <k-text-field name="" :counter="false" :disabled="true" :label="$t('simplestats.info.config.tracking.periodsecs')" :value="uniqueSeconds" :after="$t('simplestats.charts.seconds')" icon="clock"/>
+    <k-number-field name="" :counter="false" :disabled="true" :label="$t('simplestats.info.config.tracking.periodsecs')" :value="uniqueSeconds" :after="$t('simplestats.charts.seconds')" icon="clock"/>
     <k-toggle-field name="" :disabled="true" :label="$t('simplestats.info.config.tracking.salted')" :value="saltIsSet" icon="key" />
     <k-tags-field name="" :counter="false" :disabled="true" :label="$t('simplestats.info.config.tracking.features')" :value="trackingFeatures" icon="globe" />
     <k-tags-field name="" :counter="false" :disabled="true" :label="$t('simplestats.info.config.tracking.ignore.roles')" :value="ignoredRoles" icon="users" />

diff --git a/src/components/Sections/DbInformation.vue b/src/components/Sections/DbInformation.vue
@@ -6,8 +6,8 @@
     <k-headline>{{ $t('simplestats.info.db.title') }}</k-headline>
     <k-text-field name="" :counter="false" :disabled="true" :label="$t('simplestats.info.db.file')" :value="databaseLocation" icon="file-zip" />
     <k-text-field name="" :counter="false" :disabled="true" :label="$t('simplestats.info.db.size')" :value="databaseSize | prettyBytes" icon="download" />
-    <k-text-field name="" :counter="false" :disabled="true" :label="$t('simplestats.info.db.dbversion')" :value="dbVersion" icon="bolt" />
-    <k-text-field name="" :counter="false" :disabled="true" :label="$t('simplestats.info.db.softwareversion')" :value="softwareDbVersion" icon="bolt" />
+    <k-number-field name="" :counter="false" :disabled="true" :label="$t('simplestats.info.db.dbversion')" :value="dbVersion" icon="bolt" />
+    <k-number-field name="" :counter="false" :disabled="true" :label="$t('simplestats.info.db.softwareversion')" :value="softwareDbVersion" icon="bolt" />
     <br />
     <br />
 

diff --git a/src/components/View.vue b/src/components/View.vue
@@ -102,6 +102,7 @@ export default {
       // Set initial tab and load it
       tab: this.tabsKey,
       tabs: [
+        // Note: columns are needed for the panel not to throw an error...
         { name:'simplestats-tabs-visitedpages',   label:'Page visits',      icon:'layers',  columns: [], 'link':'simplestats?tab=simplestats-tabs-visitedpages'},
         { name:'simplestats-tabs-visitordevices', label:'Visitor Devices',  icon:'users',   columns: [] , 'link':'simplestats?tab=simplestats-tabs-visitordevices' },
         { name:'simplestats-tabs-referers',       label:'Referers',         icon:'chart',   columns: [], 'link':'simplestats?tab=simplestats-tabs-referers'},

diff --git a/src/index.js b/src/index.js
@@ -2,8 +2,8 @@
 import View from "./components/View.vue";
 
 //import Vue from 'vue'
-import Chartkick from 'vue-chartkick'
-import Chart from 'chart.js'
+import Chartkick from 'vue-chartkick';
+import Chart from 'chart.js';
 Chartkick.options = {
   colors: [
     // Generate a color palette in console :
@@ -70,8 +70,8 @@ panel.plugin("daandelange/simplestats", {
 //   sections: {
 //     simplestats: View
 //   },
-  use: {
+  use: [
     Chartkick,
-  },
+  ],
   devtool: 'source-map', // vue debugging
 });