From 1991b4df63a6234ccd644864eda45c7760ee5446 Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Wed, 3 Jul 2024 12:08:16 +0800
Subject: [PATCH] feature: TypeScript

---
 shims-vue.d.ts              |  7 +++++++
 src/App.vue                 |  2 +-
 src/views/MainContainer.vue |  4 ++--
 tsconfig.json               | 22 ++++++++++++++++++++++
 4 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 shims-vue.d.ts
 create mode 100644 tsconfig.json

diff --git a/shims-vue.d.ts b/shims-vue.d.ts
new file mode 100644
index 0000000..1d975ee
--- /dev/null
+++ b/shims-vue.d.ts
@@ -0,0 +1,7 @@
+// shims-vue.d.ts
+declare module '*.vue' {
+    import { DefineComponent } from 'vue';
+    const component: DefineComponent<{}, {}, any>;
+    export default component;
+  }
+  
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 991ac28..68427b6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,6 +4,6 @@
 
 <style scoped></style>
 
-<script setup>
+<script setup lang="ts">
 import { RouterView } from "vue-router";
 </script>
diff --git a/src/views/MainContainer.vue b/src/views/MainContainer.vue
index 5c1c8cf..57a87ed 100644
--- a/src/views/MainContainer.vue
+++ b/src/views/MainContainer.vue
@@ -10,7 +10,7 @@
   </main>
 </template>
 
-<script>
+<script lang='ts'>
 import { onBeforeMount, } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs, mapActions, mapState, } from 'pinia';
@@ -41,7 +41,7 @@ export default {
 
     const setHighlightedNavItemOnLanding = () => {
       const currentPath = router.currentRoute.value.path;
-      const pathSegments = currentPath.split('/').filter(segment => segment !== '');
+      const pathSegments: string[] = currentPath.split('/').filter(segment => segment !== '');
       if(pathSegments.length === 1) {
         if(pathSegments[0] === 'files') {
           pageAdminStore.setActivePage('ALL');
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..382b136
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "strict": true,
+    "jsx": "preserve",
+    "importHelpers": true,
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "types": ["webpack-env", "jest"],
+    "paths": {
+      "@/*": ["src/*"]
+    },
+    "lib": ["esnext", "dom"],
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.tsx"],
+  "exclude": ["node_modules"]
+}
\ No newline at end of file