use lang=ts and use correct loader in esbuild-loader

Author: silverwind

web_src/js/components/ActionRunStatus.vue

@@ -2,7 +2,7 @@
     Please also update the template file above if this vue is modified.
     action status accepted: success, skipped, waiting, blocked, running, failure, cancelled, unknown
 -->
-<script>
+<script lang="ts">
 import {SvgIcon} from '../svg.ts';
 
 export default {

web_src/js/components/ActivityHeatmap.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 // TODO: Switch to upstream after https://github.com/razorness/vue3-calendar-heatmap/pull/34 is merged
 import {CalendarHeatmap} from '@silverwind/vue3-calendar-heatmap';
 

web_src/js/components/ContextPopup.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import {SvgIcon} from '../svg.ts';
 import {GET} from '../modules/fetch.ts';
 

web_src/js/components/DashboardRepoList.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import {createApp, nextTick} from 'vue';
 import $ from 'jquery';
 import {SvgIcon} from '../svg.ts';
@@ -15,7 +15,7 @@ const commitStatus = {
   warning: {name: 'gitea-exclamation', color: 'yellow'},
 };
 
-const sfc = {
+const sfc: any = {
   components: {SvgIcon},
   data() {
     const params = new URLSearchParams(window.location.search);

web_src/js/components/DiffCommitSelector.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import {SvgIcon} from '../svg.ts';
 import {GET} from '../modules/fetch.ts';
 

web_src/js/components/DiffFileList.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import {loadMoreFiles} from '../features/repo-diff.ts';
 import {diffTreeStore} from '../modules/stores.ts';
 

web_src/js/components/DiffFileTree.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import DiffFileTreeItem from './DiffFileTreeItem.vue';
 import {loadMoreFiles} from '../features/repo-diff.ts';
 import {toggleElem} from '../utils/dom.ts';

web_src/js/components/PullRequestMergeForm.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import {SvgIcon} from '../svg.ts';
 import {toggleElem} from '../utils/dom.ts';
 

web_src/js/components/RepoActionView.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import {SvgIcon} from '../svg.ts';
 import ActionRunStatus from './ActionRunStatus.vue';
 import {createApp} from 'vue';

web_src/js/components/RepoActivityTopAuthors.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import VueBarGraph from 'vue-bar-graph';
 import {createApp} from 'vue';
 

web_src/js/components/RepoBranchTagSelector.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import {createApp, nextTick} from 'vue';
 import $ from 'jquery';
 import {SvgIcon} from '../svg.ts';

web_src/js/components/RepoCodeFrequency.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import {SvgIcon} from '../svg.ts';
 import {
   Chart,

web_src/js/components/RepoContributors.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import {SvgIcon} from '../svg.ts';
 import {
   Chart,

web_src/js/components/RepoRecentCommits.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import {SvgIcon} from '../svg.ts';
 import {
   Chart,

web_src/js/components/ScopedAccessTokenSelector.vue

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 import {createApp} from 'vue';
 import {hideElem, showElem} from '../utils/dom.ts';
 

webpack.config.js

@@ -146,7 +146,7 @@ export default {
           {
             loader: 'esbuild-loader',
             options: {
-              loader: 'js',
+              loader: 'ts',
               target: 'es2020',
             },
           },