migrate transaction tag store to composition API and typescript

src/views/mobile/settings/TransactionTagFilterSettingsPage.vue

@@ -112,7 +112,7 @@
 
 <script>
 import { mapStores } from 'pinia';
-import { useTransactionTagsStore } from '@/stores/transactionTag.js';
+import { useTransactionTagsStore } from '@/stores/transactionTag.ts';
 import { useTransactionsStore } from '@/stores/transaction.js';
 import { useStatisticsStore } from '@/stores/statistics.js';
 

src/views/mobile/tags/ListPage.vue

@@ -145,7 +145,9 @@
 
 <script>
 import { mapStores } from 'pinia';
-import { useTransactionTagsStore } from '@/stores/transactionTag.js';
+import { useTransactionTagsStore } from '@/stores/transactionTag.ts';
+
+import { TransactionTag } from '@/models/transaction_tag.ts';
 
 import {
     isNoAvailableTag,
@@ -159,12 +161,9 @@ export default {
         'f7router'
     ],
     data() {
-        const transactionTagsStore = useTransactionTagsStore();
-        const newTransactionTag = transactionTagsStore.generateNewTransactionTagModel();
-
         return {
             newTag: null,
-            editingTag: newTransactionTag,
+            editingTag: TransactionTag.createNewTag(),
             loading: true,
             loadingError: null,
             showHidden: false,
@@ -179,7 +178,6 @@ export default {
     },
     computed: {
         ...mapStores(useTransactionTagsStore),
-
         tags() {
             return this.transactionTagsStore.allTransactionTags;
         },
@@ -310,9 +308,7 @@ export default {
             });
         },
         add() {
-            this.newTag = {
-                name: ''
-            };
+            this.newTag = TransactionTag.createNewTag();
         },
         edit(tag) {
             this.editingTag.id = tag.id;

src/views/mobile/transactions/EditPage.vue

@@ -435,7 +435,7 @@ import { useEnvironmentsStore } from '@/stores/environment.ts';
 import { useUserStore } from '@/stores/user.ts';
 import { useAccountsStore } from '@/stores/account.js';
 import { useTransactionCategoriesStore } from '@/stores/transactionCategory.js';
-import { useTransactionTagsStore } from '@/stores/transactionTag.js';
+import { useTransactionTagsStore } from '@/stores/transactionTag.ts';
 import { useTransactionsStore } from '@/stores/transaction.js';
 import { useTransactionTemplatesStore } from '@/stores/transactionTemplate.js';
 import { useExchangeRatesStore } from '@/stores/exchangeRates.ts';

src/views/mobile/transactions/ListPage.vue

@@ -525,7 +525,7 @@ import { useSettingsStore } from '@/stores/setting.ts';
 import { useUserStore } from '@/stores/user.ts';
 import { useAccountsStore } from '@/stores/account.js';
 import { useTransactionCategoriesStore } from '@/stores/transactionCategory.js';
-import { useTransactionTagsStore } from '@/stores/transactionTag.js';
+import { useTransactionTagsStore } from '@/stores/transactionTag.ts';
 import { useTransactionsStore } from '@/stores/transaction.js';
 
 import { DateRangeScene, DateRange } from '@/core/datetime.ts';