refactor: avoid directly importing all methods from ~/utils

src/components/Settings.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
 import type { Ref } from 'vue'
-import { grantAccessKey, revokeAccessKey } from '~/utils/index'
+import { grantAccessKey, revokeAccessKey } from '~/utils/authProvider'
 import { accessKey, settings } from '~/logic'
 
 const emit = defineEmits(['close'])

src/components/Topbar/Topbar.vue

@@ -3,7 +3,7 @@ import type { Ref, UnwrapNestedRefs } from 'vue'
 import { Transition, onMounted, watch } from 'vue'
 import type { UnReadDm, UnReadMessage, UserInfo } from './types'
 import { updateInterval } from './notify'
-import { getUserID } from '~/utils'
+import { getUserID } from '~/utils/main'
 
 interface Props {
   showSearchBar: boolean

src/components/Topbar/TopbarFavoritesPop.vue

@@ -2,7 +2,8 @@
 import type { Ref } from 'vue'
 import { TransitionGroup, onMounted, reactive, ref, watch } from 'vue'
 import type { FavoriteCategory, FavoriteResource } from './types'
-import { calcCurrentTime, getUserID, removeHttpFromUrl } from '~/utils'
+import { getUserID, removeHttpFromUrl } from '~/utils/main'
+import { calcCurrentTime } from '~/utils/dataFormatter'
 
 const favoriteCategories = reactive<Array<FavoriteCategory>>([])
 const favoriteResources = reactive<Array<FavoriteResource>>([])

src/components/Topbar/TopbarHistoryPop.vue

@@ -5,7 +5,8 @@ import { onMounted, reactive, ref, watch } from 'vue'
 import { useDateFormat } from '@vueuse/core'
 import type { HistoryItem } from './types'
 import { HistoryType } from './types'
-import { calcCurrentTime, removeHttpFromUrl } from '~/utils'
+import { removeHttpFromUrl } from '~/utils/main'
+import { calcCurrentTime } from '~/utils/dataFormatter'
 const { t } = useI18n()
 
 const historys = reactive<Array<HistoryItem>>([])

src/components/Topbar/TopbarMomentsPop.vue

@@ -5,7 +5,8 @@ import { onMounted, reactive, ref, watch } from 'vue'
 import { isNewArticle, isNewVideo, setLastestOffsetID } from './notify'
 import { MomentType } from './types'
 import type { MomentItem } from './types'
-import { calcTimeSince, getUserID } from '~/utils'
+import { getUserID } from '~/utils/main'
+import { calcTimeSince } from '~/utils/dataFormatter'
 const { t } = useI18n()
 
 const moments = reactive<Array<MomentItem>>([]) as UnwrapNestedRefs<

src/components/Topbar/TopbarMorePop.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
-import { getUserID } from '~/utils'
+import { getUserID } from '~/utils/main'
 
 const { t } = useI18n()
 

src/components/Topbar/TopbarUserPanelPop.vue

@@ -1,7 +1,8 @@
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { revokeAccessKey } from '../../utils/index'
-import { getCSRF, getUserID, numFormatter } from '~/utils'
+import { revokeAccessKey } from '~/utils/authProvider'
+import { getCSRF, getUserID } from '~/utils/main'
+import { numFormatter } from '~/utils/dataFormatter'
 export default defineComponent({
   props: {
     userInfo: {

src/components/Topbar/notify.ts

@@ -1,5 +1,5 @@
 import { MomentType } from './types'
-import { getCookie, getUserID, setCookie } from '~/utils'
+import { getCookie, getUserID, setCookie } from '~/utils/main'
 
 /** Update the time interval of topbar notifications and moments counts */
 export const updateInterval = 1000 * 60 * 5 // Updated every 5 minutes

src/components/VideoCard.vue

@@ -1,13 +1,6 @@
 <script lang="ts" setup>
-import type { Ref } from 'vue'
-// import { accessKey, language } from '~/logic/index'
-import {
-  calcCurrentTime,
-  calcTimeSince,
-  numFormatter,
-  removeHttpFromUrl,
-} from '~/utils'
-// import { LanguageType } from '~/enums/appEnums'
+import { removeHttpFromUrl } from '~/utils/main'
+import { calcCurrentTime, calcTimeSince, numFormatter } from '~/utils/dataFormatter'
 
 const props = defineProps<{
   duration: number

src/contentScripts/index.ts

@@ -3,7 +3,8 @@ import { createApp } from 'vue'
 import type { App as AppType } from 'vue'
 import App from './views/App.vue'
 import { setupApp } from '~/logic/common-setup'
-import { SVG_ICONS, i18n } from '~/utils'
+import { i18n } from '~/utils/i18n'
+import { SVG_ICONS } from '~/utils/svgIcons'
 
 let app: AppType | null = null;
 

src/contentScripts/views/Anime/Anime.vue

@@ -4,7 +4,8 @@ import AnimeTimeTable from './components/AnimeTimeTable.vue'
 import AnimeCard from './components/AnimeCard.vue'
 import AnimeCardSkeleton from './components/AnimeCardSkeleton.vue'
 import type { AnimeItem, PopularAnime } from './types'
-import { getUserID, numFormatter, openLinkToNewTab, removeHttpFromUrl } from '~/utils'
+import { getUserID, openLinkToNewTab, removeHttpFromUrl } from '~/utils/main'
+import { numFormatter } from '~/utils/dataFormatter'
 
 const animeWatchList = reactive<AnimeItem[]>([])
 const recommendAnimeList = reactive<AnimeItem[]>([])

src/contentScripts/views/Anime/components/AnimeCard.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { removeHttpFromUrl } from '~/utils'
+import { removeHttpFromUrl } from '~/utils/main'
 
 defineProps<{
   url: string

src/contentScripts/views/Anime/components/AnimeTimeTable.vue

@@ -3,7 +3,7 @@ import type { Ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import browser from 'webextension-polyfill'
 import type { AnimeTimeTableItem } from '../types'
-import { removeHttpFromUrl } from '~/utils'
+import { removeHttpFromUrl } from '~/utils/main'
 
 const { t } = useI18n()
 

src/contentScripts/views/App.vue

@@ -12,7 +12,7 @@ import Video from './Video/Video.vue'
 import { activatedPage, settings } from '~/logic'
 import '~/styles/index.ts'
 import { AppPage, LanguageType } from '~/enums/appEnums'
-import { hexToRGBA } from '~/utils'
+import { hexToRGBA } from '~/utils/main'
 
 const { locale } = useI18n()
 const [showSettings, toggle] = useToggle(false)

src/contentScripts/views/Favorites/Favorites.vue

@@ -2,7 +2,8 @@
 import type { Ref } from 'vue'
 import { TransitionGroup, onMounted, reactive, ref, watch } from 'vue'
 import type { FavoriteCategory, FavoriteResource } from './types'
-import { calcCurrentTime, getUserID, removeHttpFromUrl } from '~/utils'
+import { getUserID, removeHttpFromUrl } from '~/utils/main'
+import { calcCurrentTime } from '~/utils/dataFormatter'
 
 const favoriteCategories = reactive<Array<FavoriteCategory>>([])
 const favoriteResources = reactive<Array<FavoriteResource>>([])

src/contentScripts/views/History/History.vue

@@ -3,12 +3,8 @@ import { useDateFormat } from '@vueuse/core'
 import { useI18n } from 'vue-i18n'
 import { HistoryType } from './types'
 import type { HistoryItem } from './types'
-import {
-  calcCurrentTime,
-  getCSRF,
-  openLinkToNewTab,
-  removeHttpFromUrl,
-} from '~/utils'
+import { getCSRF, openLinkToNewTab, removeHttpFromUrl } from '~/utils/main'
+import { calcCurrentTime } from '~/utils/dataFormatter'
 
 const { t } = useI18n()
 

src/contentScripts/views/Video/Video.vue

@@ -2,7 +2,8 @@
 import type { Ref, UnwrapNestedRefs } from 'vue'
 import { useDateFormat } from '@vueuse/core'
 import type { Comment, UserCardInfo, VideoInfo } from './types'
-import { calcTimeSince, getCSRF, numFormatter, removeHttpFromUrl } from '~/utils'
+import { getCSRF, removeHttpFromUrl } from '~/utils/main'
+import { calcTimeSince, numFormatter } from '~/utils/dataFormatter'
 
 const videoContent = ref() as Ref<HTMLElement>
 // const commentContent = ref() as Ref<HTMLElement>

src/utils/index.ts

@@ -1,5 +0,0 @@
-export * from './authProvider'
-export * from './svgIcons'
-export * from './i18n'
-export * from './dataFormatter'
-export * from './main'