引入 @vue/tsconfig，并让 tsconfig 继承

.eslintrc.js

@@ -30,6 +30,7 @@ module.exports = {
     'import/no-default-export': 'error',
     'import/no-named-default': 'off',
 
+    '@typescript-eslint/consistent-type-imports': 'error',
     '@typescript-eslint/member-delimiter-style': 'off',
     '@typescript-eslint/explicit-function-return-type': 'off',
     '@typescript-eslint/explicit-module-boundary-types': 'off',

dev-tools/dev-server/config.ts

@@ -1,4 +1,4 @@
-import { readFileSync, existsSync } from 'fs'
+import { existsSync, readFileSync } from 'fs'
 
 interface DevServerConfig {
   port?: number

dev-tools/dev-server/core-watcher.ts

@@ -1,8 +1,9 @@
-import webpack from 'webpack'
 import exitHook from 'async-exit-hook'
+import webpack from 'webpack'
+
 import webpackConfig from '../../webpack/webpack.dev'
-import { sendMessage } from './web-socket-server'
 import { defaultWatcherHandler } from './watcher-common'
+import { sendMessage } from './web-socket-server'
 
 export const startCoreWatcher = () =>
   new Promise<void>(resolve => {

dev-tools/dev-server/index.ts

@@ -1,5 +1,5 @@
-import { startDevServer } from './server'
 import { startCoreWatcher } from './core-watcher'
+import { startDevServer } from './server'
 import { startWebSocketServer } from './web-socket-server'
 
 startDevServer().then(server => {

dev-tools/dev-server/registry-watcher.ts

@@ -1,9 +1,11 @@
-import { Watching, Configuration, webpack } from 'webpack'
 import exitHook from 'async-exit-hook'
+import type { Configuration, Watching } from 'webpack'
+import { webpack } from 'webpack'
+
 import { fromId } from '../../registry/lib/id'
+import { devServerConfig } from './config'
 import { defaultWatcherHandler } from './watcher-common'
 import { sendMessage } from './web-socket-server'
-import { devServerConfig } from './config'
 
 export const watchers: { url: string; instance: Watching }[] = []
 export const parseRegistryUrl = (url: string) => {

dev-tools/dev-server/server.ts

@@ -1,11 +1,13 @@
-import { createServer, Server } from 'http'
-import { Configuration } from 'webpack'
 import exitHook from 'async-exit-hook'
+import type { Server } from 'http'
+import { createServer } from 'http'
 import handler from 'serve-handler'
-import { devServerConfig } from './config'
+import type { Configuration } from 'webpack'
+
 import { buildByEntry } from '../../registry/webpack/config'
+import { devServerConfig } from './config'
+import { parseRegistryUrl, startRegistryWatcher, watchers } from './registry-watcher'
 import { exitWebSocketServer } from './web-socket-server'
-import { watchers, parseRegistryUrl, startRegistryWatcher } from './registry-watcher'
 
 export const startDevServer = () =>
   new Promise<Server>(resolve => {

dev-tools/dev-server/watcher-common.ts

@@ -1,4 +1,4 @@
-import { Stats } from 'webpack'
+import type { Stats } from 'webpack'
 
 export const defaultWatcherHandler = (
   initCallback: (result: Stats) => void,

dev-tools/dev-server/web-socket-server.ts

@@ -1,7 +1,8 @@
 import exitHook from 'async-exit-hook'
-import { Server } from 'http'
+import type { Server } from 'http'
 import { WebSocketServer } from 'ws'
-import { Payload } from './payload'
+
+import type { Payload } from './payload'
 import { stopInstance, watchers } from './registry-watcher'
 
 let server: WebSocketServer

package.json

@@ -29,10 +29,11 @@
     "@types/serve-handler": "^6.1.1",
     "@types/sortablejs": "^1.10.7",
     "@types/streamsaver": "^2.0.1",
-    "@types/webpack-env": "^1.15.1",
+    "@types/webpack-env": "^1.16.4",
     "@types/ws": "^8.2.3",
     "@typescript-eslint/eslint-plugin": "^5.9.1",
     "@typescript-eslint/parser": "^5.9.1",
+    "@vue/tsconfig": "^0.1.3",
     "async-exit-hook": "^2.0.1",
     "autoprefixer": "^10.0.1",
     "babel-loader": "^8.1.0",

registry/lib/components/feeds/copy-link/index.ts

@@ -1,5 +1,5 @@
 import { defineComponentMetadata } from '@/components/define'
-import { FeedsCard } from '@/components/feeds/api'
+import type { FeedsCard } from '@/components/feeds/api'
 import { feedsUrls } from '@/core/utils/urls'
 
 const entry = async () => {

registry/lib/components/feeds/disable-details/index.ts

@@ -1,5 +1,6 @@
 import { defineComponentMetadata } from '@/components/define'
-import { FeedsCard, feedsCardTypes } from '@/components/feeds/api'
+import type { FeedsCard } from '@/components/feeds/api'
+import { feedsCardTypes } from '@/components/feeds/api'
 import { feedsUrls } from '@/core/utils/urls'
 
 let enabled = true

registry/lib/components/feeds/filter/FeedsFilterCard.vue

@@ -50,18 +50,20 @@
 </template>
 
 <script lang="ts">
-import {
+import type {
+  feedsCardsManager,
   FeedsCard,
   FeedsCardType,
-  feedsCardTypes,
-  forEachFeedsCard,
   RepostFeedsCard,
 } from '@/components/feeds/api'
+
+import { feedsCardTypes, forEachFeedsCard } from '@/components/feeds/api'
+import { attributes } from '@/core/observer'
 import { getComponentSettings } from '@/core/settings'
 import { select } from '@/core/spin-query'
-import { attributes } from '@/core/observer'
-import { VIcon, TextBox, VButton } from '@/ui'
-import { FeedsFilterOptions } from '.'
+import { TextBox, VButton, VIcon } from '@/ui'
+
+import type { FeedsFilterOptions } from '.'
 import { hasBlockedPattern } from './pattern'
 
 const options = getComponentSettings('feedsFilter').options as FeedsFilterOptions
@@ -99,7 +101,7 @@ const sideCards: { [id: number]: SideCardType } = {
     displayName: '发布动态',
   },
 }
-let cardsManager: typeof import('@/components/feeds/api').feedsCardsManager
+let cardsManager: typeof feedsCardsManager
 const sideBlock = 'feeds-filter-side-block-'
 
 export default Vue.extend({

registry/lib/components/feeds/filter/index.ts

@@ -1,9 +1,7 @@
-import {
-  defineOptionsMetadata,
-  defineComponentMetadata,
-  OptionsOfMetadata,
-} from '@/components/define'
+import type { OptionsOfMetadata } from '@/components/define'
+import { defineComponentMetadata, defineOptionsMetadata } from '@/components/define'
 import { feedsCardsManager } from '@/components/feeds/api'
+
 import { feedsFilterPlugin } from './plugin'
 
 const entry = async () => {

registry/lib/components/feeds/filter/plugin.ts

@@ -1,7 +1,9 @@
-import { FeedsContentFilter } from '@/components/feeds/api'
+import type { FeedsContentFilter } from '@/components/feeds/api'
 import { getComponentSettings } from '@/core/settings'
-import { PluginMetadata } from '@/plugins/plugin'
-import { BlockableCard, hasBlockedPattern } from './pattern'
+import type { PluginMetadata } from '@/plugins/plugin'
+
+import type { BlockableCard } from './pattern'
+import { hasBlockedPattern } from './pattern'
 
 const bangumiFields = {
   username: 'title',

registry/lib/components/feeds/fold-comments/index.ts

@@ -1,9 +1,9 @@
 import { defineComponentMetadata } from '@/components/define'
-import { styledComponentEntry } from '@/components/styled-component'
-import { feedsUrlsWithoutDetail } from '@/core/utils/urls'
 import { feedsCardsManager } from '@/components/feeds/api'
-import { select } from '@/core/spin-query'
+import { styledComponentEntry } from '@/components/styled-component'
 import { childListSubtree } from '@/core/observer'
+import { select } from '@/core/spin-query'
+import { feedsUrlsWithoutDetail } from '@/core/utils/urls'
 
 const entry = async () => {
   const { forEachFeedsCard } = await import('@/components/feeds/api')

registry/lib/components/live/badge-helper/BadgeHelper.vue

@@ -54,7 +54,9 @@
 import { addComponentListener, getComponentSettings } from '@/core/settings'
 import { descendingSort } from '@/core/utils/sort'
 import { DefaultWidget, VPopup } from '@/ui'
-import { Medal, Title, Badge, getMedalList, getTitleList } from './badge'
+
+import type { Badge } from './badge'
+import { getMedalList, getTitleList, Medal, Title } from './badge'
 
 const { options } = getComponentSettings('badgeHelper')
 export default Vue.extend({

registry/lib/components/live/badge-helper/index.ts

@@ -1,5 +1,6 @@
 import { defineComponentMetadata } from '@/components/define'
 import { getNumberValidator, getUID, none } from '@/core/utils'
+
 import { autoMatchMedal } from './auto-match'
 
 export const component = defineComponentMetadata({

registry/lib/components/live/danmaku-sendbar/DanmakuSendbar.vue

@@ -13,6 +13,7 @@
 <script lang="ts">
 import { select } from '@/core/spin-query'
 import { raiseEvent } from '@/core/utils'
+
 import { originalTextAreaSelector, sendButtonSelector } from './original-elements'
 
 let changeEventHook = false

registry/lib/components/live/danmaku-sendbar/index.ts

@@ -1,7 +1,8 @@
-import { waitForControlBar } from '@/components/live/live-control-bar'
 import { defineComponentMetadata } from '@/components/define'
+import { waitForControlBar } from '@/components/live/live-control-bar'
 import { getUID } from '@/core/utils'
 import { liveUrls } from '@/core/utils/urls'
+
 import { leftControllerSelector } from './original-elements'
 
 const entry = async () => {

registry/lib/components/live/download-records/DownloadRecords.vue

@@ -9,10 +9,10 @@
 </template>
 
 <script lang="ts">
-import { DefaultWidget } from '@/ui'
 import { getJson } from '@/core/ajax'
 import { Toast } from '@/core/toast'
 import { logError } from '@/core/utils/log'
+import { DefaultWidget } from '@/ui'
 
 export default Vue.extend({
   components: {

registry/lib/components/live/gift-box/index.ts

@@ -1,8 +1,9 @@
-import { waitForControlBar } from '@/components/live/live-control-bar'
 import { defineComponentMetadata } from '@/components/define'
+import { waitForControlBar } from '@/components/live/live-control-bar'
 import { select as spinSelect } from '@/core/spin-query'
 import { addStyle, removeStyle } from '@/core/style'
 import { liveUrls } from '@/core/utils/urls'
+
 import componentStyle from './gift-box.scss'
 
 /**

registry/lib/components/style/always-show-duration/index.ts

@@ -1,5 +1,5 @@
-import { toggleStyle } from '@/components/styled-component'
 import { defineComponentMetadata } from '@/components/define'
+import { toggleStyle } from '@/components/styled-component'
 
 export const component = defineComponentMetadata({
   ...toggleStyle('alwaysShowDuration', () => import('./always-show-duration.scss')),

registry/lib/components/style/custom-navbar/CustomNavbar.vue

@@ -13,9 +13,10 @@ import { addComponentListener } from '@/core/settings'
 import { getUID } from '@/core/utils'
 import { ascendingSort } from '@/core/utils/sort'
 import { registerAndGetData } from '@/plugins/data'
+
 import { getBuiltInItems } from './built-in-items'
+import type { CustomNavbarItemInit } from './custom-navbar-item'
 import {
-  CustomNavbarItemInit,
   CustomNavbarItem,
   CustomNavbarItems,
   CustomNavbarRenderedItems,

registry/lib/components/style/custom-navbar/CustomNavbarItem.vue

@@ -57,8 +57,9 @@
 
 <script lang="ts">
 import { addComponentListener, removeComponentListener } from '@/core/settings'
-import CustomNavbarLink from './CustomNavbarLink.vue'
+
 import { CustomNavbarItem } from './custom-navbar-item'
+import CustomNavbarLink from './CustomNavbarLink.vue'
 
 const isOpenInNewTab = (item: CustomNavbarItem) => {
   const { name } = item

registry/lib/components/style/custom-navbar/built-in-items.ts

@@ -1,19 +1,19 @@
-import { CustomNavbarItemInit } from './custom-navbar-item'
-import { messages } from './messages/messages'
-import { ranking } from './ranking/ranking'
-import { userInfo } from './user-info/user-info'
-import { logo } from './logo/logo'
+import type { CustomNavbarItemInit } from './custom-navbar-item'
+import { favorites } from './favorites/favorites'
+import { feeds } from './feeds/feeds'
+import { blanks } from './flexible-blank/flexible-blank'
+import { history } from './history/history'
 import { home } from './home/home'
 import { gamesIframe, livesIframe, mangaIframe } from './iframe/iframe'
-import { blanks } from './flexible-blank/flexible-blank'
-import { bangumi, music, drawing, shop, match } from './simple-links/simple-links'
-import { upload } from './upload/upload'
+import { logo } from './logo/logo'
+import { messages } from './messages/messages'
+import { ranking } from './ranking/ranking'
 import { search } from './search/search'
-import { feeds } from './feeds/feeds'
+import { bangumi, drawing, match, music, shop } from './simple-links/simple-links'
 import { subscriptions } from './subscriptions/subscriptions'
+import { upload } from './upload/upload'
+import { userInfo } from './user-info/user-info'
 import { watchlater } from './watchlater/watchlater'
-import { favorites } from './favorites/favorites'
-import { history } from './history/history'
 
 const [blank1, blank2, blank3, blank4] = blanks
 export const getBuiltInItems = (): CustomNavbarItemInit[] => [

registry/lib/components/style/custom-navbar/custom-navbar-item.ts

@@ -1,6 +1,9 @@
-import { createPopper, Instance as Popper } from '@popperjs/core'
-import { VueModule, Executable } from '@/core/common-types'
-import { getComponentSettings, addComponentListener } from '@/core/settings'
+import type { Instance as Popper } from '@popperjs/core'
+import { createPopper } from '@popperjs/core'
+
+import type { Executable, VueModule } from '@/core/common-types'
+import { addComponentListener, getComponentSettings } from '@/core/settings'
+
 import type { CustomNavbarOptions } from '.'
 
 export const CustomNavbarItems = 'customNavbar.items'

registry/lib/components/style/custom-navbar/entry.ts

@@ -1,4 +1,4 @@
-import { ComponentEntry } from '@/components/types'
+import type { ComponentEntry } from '@/components/types'
 import { addComponentListener } from '@/core/settings'
 import { isIframe, isNotHtml, matchUrlPattern, mountVueComponent } from '@/core/utils'
 

registry/lib/components/style/custom-navbar/favorites/FavoritesFolderSelect.vue

@@ -13,11 +13,13 @@
   </VDropdown>
 </template>
 <script lang="ts">
-import { VDropdown } from '@/ui'
-import { getUID } from '@/core/utils'
 import { getJsonWithCredentials } from '@/core/ajax'
 import { getComponentSettings } from '@/core/settings'
-import { FavoritesFolder, notSelectedFolder } from './favorites-folder'
+import { getUID } from '@/core/utils'
+import { VDropdown } from '@/ui'
+
+import type { FavoritesFolder } from './favorites-folder'
+import { notSelectedFolder } from './favorites-folder'
 
 const navbarOptions = getComponentSettings('customNavbar').options
 export default Vue.extend({

registry/lib/components/style/custom-navbar/favorites/NavbarFavorites.vue

@@ -65,16 +65,17 @@
   </div>
 </template>
 <script lang="ts">
-import { VLoading, VEmpty, VIcon, VButton, TextBox, DpiImage, ScrollTrigger } from '@/ui'
-import { formatDate, formatDuration } from '@/core/utils/formatters'
-import { getUID } from '@/core/utils'
+import type { VideoCard } from '@/components/feeds/video-card'
 import { getJsonWithCredentials } from '@/core/ajax'
-import { logError } from '@/core/utils/log'
-import { VideoCard } from '@/components/feeds/video-card'
 import { getComponentSettings } from '@/core/settings'
+import { getUID } from '@/core/utils'
+import { formatDate, formatDuration } from '@/core/utils/formatters'
+import { logError } from '@/core/utils/log'
+import { DpiImage, ScrollTrigger, TextBox, VButton, VEmpty, VIcon, VLoading } from '@/ui'
+
+import { popperMixin } from '../mixins'
 import { notSelectedFolder } from './favorites-folder'
 import FavoritesFolderSelect from './FavoritesFolderSelect.vue'
-import { popperMixin } from '../mixins'
 
 /*
 新版收藏夹 API

registry/lib/components/style/custom-navbar/favorites/favorites.ts

@@ -1,5 +1,6 @@
 import { getUID } from '@/core/utils'
-import { CustomNavbarItemInit } from '../custom-navbar-item'
+
+import type { CustomNavbarItemInit } from '../custom-navbar-item'
 
 const href = `https://space.bilibili.com/${getUID()}/favlist`
 export const favorites: CustomNavbarItemInit = {

registry/lib/components/style/custom-navbar/feeds/NavbarFeeds.vue

@@ -9,9 +9,10 @@
   </div>
 </template>
 <script lang="ts">
-import { TabControl, VIcon } from '@/ui'
 import { feedsCardTypes } from '@/components/feeds/api'
 import { getNotifyCount } from '@/components/feeds/notify'
+import { TabControl, VIcon } from '@/ui'
+
 import { popperMixin } from '../mixins'
 import { tabs } from './tabs/tabs'
 

registry/lib/components/style/custom-navbar/feeds/feeds.ts

@@ -1,4 +1,4 @@
-import { CustomNavbarItemInit } from '../custom-navbar-item'
+import type { CustomNavbarItemInit } from '../custom-navbar-item'
 
 export const feeds: CustomNavbarItemInit = {
   name: 'feeds',