Setup path alias

Author: sheepzh

package.json

@@ -34,7 +34,9 @@
     "ts-loader": "^9.2.6",
     "ts-node": "^10.4.0",
     "tslib": "^2.3.1",
+    "ttypescript": "^1.5.13",
     "typescript": "4.4.4",
+    "typescript-transform-paths": "^3.3.1",
     "url-loader": "^4.1.1",
     "webpack": "^5.65.0",
     "webpack-cli": "^4.9.1"
@@ -48,4 +50,4 @@
     "vue": "^3.0.11",
     "vue-router": "^4.0.8"
   }
-}
+}

src/app/components/data-manage/clear/filter/index.ts

@@ -7,8 +7,8 @@
 
 import { Delete, DocumentAdd } from "@element-plus/icons"
 import { defineComponent, h, ref, Ref, SetupContext } from "vue"
-import TimerDatabase from "../../../../../database/timer-database"
-import timerService from "../../../../../service/timer-service"
+import TimerDatabase from "@db/timer-database"
+import timerService from "@service/timer-service"
 import { t } from "../../../../locale"
 import '../../style/filter'
 import dateFilter from "./date-filter"

src/app/components/data-manage/clear/filter/operation-button.ts

@@ -6,13 +6,13 @@
  */
 
 import { ElButton, ElMessage, ElMessageBox, ElTooltip } from "element-plus"
-import ElementIcon from "../../../../../app/element-ui/icon"
+import ElementIcon from "@src/app/element-ui/icon"
 import { Ref, h } from "vue"
-import TimerDatabase, { TimerCondition } from "../../../../../database/timer-database"
-import DataItem from "../../../../../entity/dto/data-item"
-import { ItemMessage } from "../../../../../util/i18n/components/item"
-import { t } from "../../../../locale"
-import { DataManageMessage } from "../../../../locale/components/data-manage"
+import TimerDatabase, { TimerCondition } from "@db/timer-database"
+import DataItem from "@entity/dto/data-item"
+import { ItemMessage } from "@util/i18n/components/item"
+import { t } from "@src/app/locale"
+import { DataManageMessage } from "@src/app/locale/components/data-manage"
 
 const timerDatabase = new TimerDatabase(chrome.storage.local)
 

src/app/components/data-manage/index.ts

@@ -7,7 +7,7 @@
 
 import { ElRow, ElCol } from "element-plus"
 import { defineComponent, h, ref, Ref } from "vue"
-import { getUsedStorage } from "../../../database/memory-detector"
+import { getUsedStorage } from "@db/memory-detector"
 import './style'
 import { renderContentContainer } from "../common/content-container"
 import migration from "./migration"

src/app/components/data-manage/migration.ts

@@ -11,7 +11,7 @@ import { t } from "../../locale"
 import { alertProps, bodyStyle } from "./common"
 import { deserialize, exportJson } from "../../../util/file"
 import { formatTime } from "../../../util/time"
-import Immigration from "../../../service/immigration"
+import Immigration from "@service/components/immigration"
 import { Download, Upload } from "@element-plus/icons"
 
 type _Props = {

src/app/components/habit/index.ts

@@ -8,7 +8,7 @@
 import { ECharts, init } from "echarts"
 import { computed, ComputedRef, defineComponent, h, onMounted, ref, Ref, watch } from "vue"
 import { MAX_PERIOD_ORDER, PeriodKey } from "../../../entity/dto/period-info"
-import periodService, { PeriodQueryParam } from "../../../service/period-service"
+import periodService, { PeriodQueryParam } from "@service/period-service"
 import { daysAgo, isSameDay } from "../../../util/time"
 import { renderContentContainer } from "../common/content-container"
 import chart, { ChartProps } from "./chart"

src/app/components/limit/add-dialog/index.ts

@@ -7,11 +7,11 @@
 
 import { ElDialog, ElMessage } from "element-plus"
 import { defineComponent, h, ref, Ref, SetupContext } from "vue"
-import { t } from "../../../locale"
 import Form, { FormData } from "./form"
 import Footer from "./footer"
-import LimitDatabase from "../../../../database/limit-database"
-import { TimeLimit } from "../../../../entity/dao/time-limit"
+import LimitDatabase from "@db/limit-database"
+import { TimeLimit } from "@entity/dao/time-limit"
+import { t } from "@app/locale"
 
 const db = new LimitDatabase(chrome.storage.local)
 

src/app/components/limit/index.ts

@@ -11,7 +11,7 @@ import filter, { FilterProps } from "./filter"
 import table from "./table"
 import AddDialog from "./add-dialog"
 import TimeLimitItem from "../../../entity/dto/time-limit-item"
-import limitService from "../../../service/limit-service"
+import limitService from "@service/limit-service"
 import { useRoute, useRouter } from "vue-router"
 import { ElCard } from "element-plus"
 

src/app/components/limit/table/column/delay.ts

@@ -9,7 +9,7 @@ import { InfoFilled } from "@element-plus/icons"
 import { ElIcon, ElSwitch, ElTableColumn, ElTooltip } from "element-plus"
 import { h } from "vue"
 import TimeLimitItem from "../../../../../entity/dto/time-limit-item"
-import limitService from "../../../../../service/limit-service"
+import limitService from "@service/limit-service"
 import { t } from "../../../../locale"
 
 const columnProps = {

src/app/components/limit/table/column/enabled.ts

@@ -8,7 +8,7 @@
 import { ElSwitch, ElTableColumn } from "element-plus"
 import { h } from "vue"
 import TimeLimitItem from "../../../../../entity/dto/time-limit-item"
-import limitService from "../../../../../service/limit-service"
+import limitService from "@service/limit-service"
 import { t } from "../../../../locale"
 
 const columnProps = {