fix: converted components to typescript (#556)

src/App.vue

@@ -12,7 +12,7 @@ div#wrapper(v-if="loaded")
   aw-footer
 </template>
 
-<script>
+<script lang="ts">
 import { useSettingsStore } from '~/stores/settings';
 import { useServerStore } from '~/stores/server';
 

src/views/Alerts.vue

@@ -54,7 +54,7 @@ div
 
 <style scoped lang="scss"></style>
 
-<script>
+<script lang="ts">
 import _ from 'lodash';
 import moment from 'moment';
 import { canonicalEvents } from '~/queries';
@@ -108,7 +108,7 @@ export default {
         let time = 0;
         _.map(Object.entries(this.alert_times), ([c, t]) => {
           if (c.startsWith(cat.join(','))) {
-            time += t;
+            if (typeof t === 'number') time += t;
           }
         });
         return time;
@@ -149,8 +149,8 @@ export default {
         bid_window: 'aw-watcher-window_' + this.hostname,
         bid_afk: 'aw-watcher-afk_' + this.hostname,
         filter_afk: this.filter_afk,
-        classes: useCategoryStore().classes_for_query,
-        filter_classes: null, // classes.map(c => c[0]),
+        categories: useCategoryStore().classes_for_query,
+        filter_categories: null, // classes.map(c => c[0]),
       });
       query += '; RETURN = events;';
 

src/views/Bucket.vue

@@ -33,7 +33,7 @@ div
   aw-eventlist(:bucket_id="id", @save="updateEvent", :events="events" editable=true)
 </template>
 
-<script>
+<script lang="ts">
 import { useBucketsStore } from '~/stores/buckets';
 import { getClient } from '~/util/awclient';
 

src/views/Home.vue

@@ -69,7 +69,7 @@ div
 
 </template>
 
-<script>
+<script lang="ts">
 export default {
   name: 'Home',
 };

src/views/NotFound.vue

@@ -5,7 +5,7 @@ div
     | Try navigating back where you came from.
 </template>
 
-<script>
+<script lang="ts">
 export default {
   name: 'NotFound',
 };

src/views/QueryExplorer.vue

@@ -34,7 +34,7 @@ div
 
 <style scoped lang="scss"></style>
 
-<script>
+<script lang="ts">
 import moment from 'moment';
 import _ from 'lodash';
 import { useCategoryStore } from '~/stores/categories';

src/views/Stopwatch.vue

@@ -54,7 +54,7 @@ div
 }
 </style>
 
-<script>
+<script lang="ts">
 import _ from 'lodash';
 import moment from 'moment';
 

src/views/Timeline.vue

@@ -39,7 +39,7 @@ div
     h1.aw-loading Loading...
 </template>
 
-<script>
+<script lang="ts">
 import _ from 'lodash';
 import { useSettingsStore } from '~/stores/settings';
 import { useBucketsStore } from '~/stores/buckets';

src/views/activity/ActivityView.vue

@@ -31,7 +31,7 @@ div(v-if="view")
       span Edit view
 </template>
 
-<script>
+<script lang="ts">
 import 'vue-awesome/icons/save';
 import 'vue-awesome/icons/times';
 import 'vue-awesome/icons/trash';
@@ -40,7 +40,7 @@ import 'vue-awesome/icons/undo';
 import { mapState } from 'pinia';
 import draggable from 'vuedraggable';
 
-import { useViewsStore } from '@/stores/views';
+import { useViewsStore } from '~/stores/views';
 
 export default {
   name: 'ActivityView',

src/views/settings/ActivePatternSettings.vue

@@ -22,7 +22,7 @@ div
 
 </template>
 
-<script>
+<script lang="ts">
 import { isRegexBroad, validateRegex } from '~/util/validate';
 import { useSettingsStore } from '~/stores/settings';
 

src/views/settings/CategorizationSettings.vue

@@ -39,7 +39,7 @@ div
       b-btn.float-right(@click="saveClasses", variant="success" :disabled="!classes_unsaved_changes")
         | Save
 </template>
-<script>
+<script lang="ts">
 import { mapState, mapGetters } from 'pinia';
 import CategoryEditTree from '~/components/CategoryEditTree.vue';
 import CategoryEditModal from '~/components/CategoryEditModal.vue';

src/views/settings/ColorSettings.vue

@@ -8,7 +8,7 @@ div.d-flex.justify-content-between
     b-form-checkbox(v-model="useColorFallback", switch)
 </template>
 
-<script>
+<script lang="ts">
 import { useSettingsStore } from '~/stores/settings';
 
 export default {

src/views/settings/DaystartSettings.vue

@@ -17,7 +17,7 @@ div
   small
     | The weekday which starts a new week.
 </template>
-<script>
+<script lang="ts">
 import { useSettingsStore } from '~/stores/settings';
 
 export default {

src/views/settings/DeveloperSettings.vue

@@ -23,7 +23,7 @@ div
     | Web UI commit hash: {{ COMMIT_HASH }}
 </template>
 
-<script>
+<script lang="ts">
 import { useSettingsStore } from '~/stores/settings';
 
 export default {

src/views/settings/LandingPageSettings.vue

@@ -14,7 +14,7 @@ div
     | The page to open when opening ActivityWatch, or clicking the logo in the top menu.
 </template>
 
-<script>
+<script lang="ts">
 import { useSettingsStore } from '~/stores/settings';
 import { useBucketsStore } from '~/stores/buckets';
 

src/views/settings/ReleaseNotificationSettings.vue

@@ -9,7 +9,7 @@ div
     | We will send you a notification if there is a new release available for download, this check will happen at most once per day.
 </template>
 
-<script>
+<script lang="ts">
 import { useSettingsStore } from '~/stores/settings';
 
 export default {

src/views/settings/Settings.vue

@@ -39,7 +39,7 @@ div
   DeveloperSettings
 </template>
 
-<script>
+<script lang="ts">
 import { useSettingsStore } from '~/stores/settings';
 
 import DaystartSettings from '~/views/settings/DaystartSettings.vue';

src/views/settings/Theme.vue

@@ -13,7 +13,7 @@ div
     | Change color theme of the application (you need to change categories colors manually to be suitable with dark mode).
 </template>
 
-<script>
+<script lang="ts">
 import { mapState } from 'pinia';
 import { useSettingsStore } from '~/stores/settings';
 

src/views/settings/TimelineDurationSettings.vue

@@ -16,7 +16,7 @@ div
   small
     | The default duration used for 'show last' in the timeline view.
 </template>
-<script>
+<script lang="ts">
 import { useSettingsStore } from '~/stores/settings';
 
 export default {