diff --git a/doc/structure.txt b/doc/structure.txt
index e697a65..98e2d52 100644
--- a/doc/structure.txt
+++ b/doc/structure.txt
@@ -135,7 +135,7 @@ frontend
 │  │     ├─ IconVector.vue
 │  │     ├─ IconWarnTriangle.vue
 │  │     └─ IconsFilter.vue
-│  ├─ main.js // 程式進入點
+│  ├─ main.ts // 程式進入點
 │  ├─ module // JavaScript 邏輯
 │  │  ├─ abbreviateNumber.js
 │  │  ├─ alertModal.js // SweetAlert
@@ -155,8 +155,8 @@ frontend
 │  │  ├─ conformance.js
 │  │  ├─ files.js
 │  │  ├─ loading.js
-│  │  ├─ login.js
-│  │  ├─ main.js
+│  │  ├─ login.ts
+│  │  ├─ main.ts
 │  │  └─ performance.js
 │  └─ views // 路由元件
 │     ├─ AuthContainer.vue
diff --git a/index.html b/index.html
index f1b199f..0f1a1b6 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/src/components/AccountMenu/AcctMenu.vue b/src/components/AccountMenu/AcctMenu.vue
index 07e9f7d..858c50d 100644
--- a/src/components/AccountMenu/AcctMenu.vue
+++ b/src/components/AccountMenu/AcctMenu.vue
@@ -33,7 +33,7 @@
 import { computed, } from 'vue';
 import { mapActions, mapState, storeToRefs } from 'pinia';
 import i18next from '@/i18n/i18n';
-import LoginStore from '@/stores/login.js';
+import LoginStore from '@/stores/login.ts';
 import AcctMgmtStore from '@/stores/acctMgmt';
 import AllMapDataStore from '@/stores/allMapData.js';
 import ConformanceStore from '@/stores/conformance.js';
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 29a502e..399ee3c 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -20,7 +20,7 @@
 <script>
 import { storeToRefs, mapActions, } from 'pinia';
 import i18next from '@/i18n/i18n';
-import loginStore from '@/stores/login.js';
+import loginStore from '@/stores/login.ts';
 import acctMenuStore from "@/stores/acctMgmt.ts";
 import DspLogo from '@/components/icons/DspLogo.vue';
 import AllMapDataStore from '@/stores/allMapData.js';
diff --git a/src/module/apiError.js b/src/module/apiError.js
index 5ebfb10..b8dd8b9 100644
--- a/src/module/apiError.js
+++ b/src/module/apiError.js
@@ -1,6 +1,6 @@
-import router from "@/router/index.js";
+import router from "@/router/index.ts";
 import loadingStore from '@/stores/loading.js';
-import pinia from '@/stores/main.js';
+import pinia from '@/stores/main.ts';
 import {useToast} from 'vue-toast-notification';
 import 'vue-toast-notification/dist/theme-sugar.css';
 import axios from "axios";
diff --git a/src/stores/files.js b/src/stores/files.js
index 45e73a6..1cb11d7 100644
--- a/src/stores/files.js
+++ b/src/stores/files.js
@@ -4,7 +4,7 @@ import moment from 'moment';
 import apiError from '@/module/apiError.js';
 import Swal from 'sweetalert2';
 import { uploadFailedFirst, uploadFailedSecond, uploadloader, uploadSuccess, deleteSuccess } from '@/module/alertModal.js';
-import pinia from '@/stores/main.js';
+import pinia from '@/stores/main.ts';
 import loadingStore from '@/stores/loading.js';
 
 const loading = loadingStore(pinia);
diff --git a/src/types/vue-router.d.ts b/src/types/vue-router.d.ts
index 5046029..559a158 100644
--- a/src/types/vue-router.d.ts
+++ b/src/types/vue-router.d.ts
@@ -7,9 +7,9 @@ declare module 'vue/types/vue' {
   }
 }
 
-declare module '@router' {
-  import { Router } from 'vue-router';
-  const router: Router;
-  export default router;
-}
+// declare module '@router' {
+//   import { Router } from 'vue-router';
+//   const router: Router;
+//   export default router;
+// }
   
\ No newline at end of file
diff --git a/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue b/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
index cc1065d..afc9c08 100644
--- a/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
+++ b/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
@@ -111,7 +111,7 @@ import { storeToRefs, mapState, mapActions, } from 'pinia';
 import LoadingStore from '@/stores/loading.js';
 import { useModalStore } from '@/stores/modal.js';
 import useAcctMgmtStore from '@/stores/acctMgmt.ts';
-import piniaLoginStore from '@/stores/login.js';
+import piniaLoginStore from '@/stores/login.ts';
 import SearchBar from '../../../components/AccountMenu/SearchBar.vue';
 import i18next from '@/i18n/i18n.js';
 import { useToast } from 'vue-toast-notification';
diff --git a/src/views/Files/Files.vue b/src/views/Files/Files.vue
index 5722062..6cdd860 100644
--- a/src/views/Files/Files.vue
+++ b/src/views/Files/Files.vue
@@ -216,7 +216,7 @@
 </template>
 <script>
   import { storeToRefs } from 'pinia';
-  import LoginStore from '@/stores/login.js';
+  import LoginStore from '@/stores/login.ts';
   import filesStore from '@/stores/files.js';
   import AllMapDataStore from '@/stores/allMapData.js';
   import LoadingStore from '@/stores/loading.js';
diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue
index ece8903..a729583 100644
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@@ -49,7 +49,7 @@
 <script>
 import { ref, } from 'vue';
 import { storeToRefs, mapActions } from 'pinia';
-import loginStore from '@/stores/login.js';
+import loginStore from '@/stores/login.ts';
 import IconMember from '@/components/icons/IconMember.vue';
 import IconLockKey from '@/components/icons/IconLockKey.vue';
 import IconEyeOpen from '@/components/icons/IconEyeOpen.vue';
diff --git a/src/views/MainContainer.vue b/src/views/MainContainer.vue
index 57a87ed..ab1e7f0 100644
--- a/src/views/MainContainer.vue
+++ b/src/views/MainContainer.vue
@@ -22,7 +22,7 @@ import Navbar from "@/components/Navbar.vue";
 import Loading from '@/components/Loading.vue';
 import { leaveFilter, leaveConformance } from '@/module/alertModal.js';
 import PageAdminStore from '@/stores/pageAdmin.js';
-import LoginStore from "@/stores/login.js";
+import LoginStore from "@/stores/login.ts";
 import { getCookie } from "../utils/cookieUtil.js";
 import ModalContainer from './AccountManagement/ModalContainer.vue';
 
diff --git a/src/views/MemberArea/index.vue b/src/views/MemberArea/index.vue
index 079706e..585491f 100644
--- a/src/views/MemberArea/index.vue
+++ b/src/views/MemberArea/index.vue
@@ -12,7 +12,7 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import loginStore from '@/stores/login.js';
+import loginStore from '@/stores/login.ts';
 
 export default {
   setup() {
diff --git a/tsconfig.json b/tsconfig.json
index 2708fb4..cfd3218 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,10 +1,5 @@
 {
   "compilerOptions": {
-    "declaration": true,
-    "emitDeclarationOnly": true,
-    "outDir": "./types",
-    "allowJs": true,
-    "checkJs": true,
     "target": "esnext",
     "module": "esnext",
     "strict": true,
