migrate transaction template store to composition API and typescript

src/views/mobile/HomePage.vue

@@ -204,7 +204,7 @@
 import { mapStores } from 'pinia';
 import { useSettingsStore } from '@/stores/setting.ts';
 import { useUserStore } from '@/stores/user.ts';
-import { useTransactionTemplatesStore } from '@/stores/transactionTemplate.js';
+import { useTransactionTemplatesStore } from '@/stores/transactionTemplate.ts';
 import { useOverviewStore } from '@/stores/overview.ts';
 
 import { DateRange } from '@/core/datetime.ts';

src/views/mobile/templates/ListPage.vue

@@ -86,7 +86,7 @@
 
 <script>
 import { mapStores } from 'pinia';
-import { useTransactionTemplatesStore } from '@/stores/transactionTemplate.js';
+import { useTransactionTemplatesStore } from '@/stores/transactionTemplate.ts';
 
 import { TemplateType } from '@/core/template.ts';
 import { isDefined } from '@/lib/common.ts';
@@ -94,7 +94,7 @@ import {
     isNoAvailableTemplate,
     getFirstShowingId,
     getLastShowingId
-} from '@/lib/template.js';
+} from '@/lib/template.ts';
 import { onSwipeoutDeleted } from '@/lib/ui/mobile.ts';
 
 export default {

src/views/mobile/transactions/EditPage.vue

@@ -437,7 +437,7 @@ import { useAccountsStore } from '@/stores/account.ts';
 import { useTransactionCategoriesStore } from '@/stores/transactionCategory.ts';
 import { useTransactionTagsStore } from '@/stores/transactionTag.ts';
 import { useTransactionsStore } from '@/stores/transaction.ts';
-import { useTransactionTemplatesStore } from '@/stores/transactionTemplate.js';
+import { useTransactionTemplatesStore } from '@/stores/transactionTemplate.ts';
 import { useExchangeRatesStore } from '@/stores/exchangeRates.ts';
 
 import { CategoryType } from '@/core/category.ts';
@@ -446,6 +446,7 @@ import { TemplateType, ScheduledTemplateFrequencyType } from '@/core/template.ts
 import { TRANSACTION_MIN_AMOUNT, TRANSACTION_MAX_AMOUNT, TRANSACTION_MAX_PICTURE_COUNT } from '@/consts/transaction.ts';
 import { KnownErrorCode } from '@/consts/api.ts';
 import { SUPPORTED_IMAGE_EXTENSIONS } from '@/consts/file.ts';
+import { TransactionTemplate } from '@/models/transaction_template.ts';
 
 import logger from '@/lib/logger.ts';
 import {
@@ -950,6 +951,7 @@ export default {
                 promises.push(self.transactionsStore.getTransaction({ transactionId: query.id, withPictures: self.mode !== 'add' }));
             }
         } else if (self.type === 'template') {
+            self.transaction = TransactionTemplate.createNewTransactionTemplate(self.transaction);
             self.transaction.name = '';
 
             if (query.templateType) {