* fix all violations of eslint rules

* add option for rule `@typescript-eslint/restrict-template-expressions` @ eslint.config.js
@ fe

fe/eslint.config.js

@@ -382,6 +382,7 @@ const rules = [{ // as of [email protected]
         '@typescript-eslint/no-unsafe-enum-comparison': 'error',
         '@typescript-eslint/no-unsafe-unary-minus': 'error',
         '@typescript-eslint/parameter-properties': ['error', { prefer: 'parameter-property' }],
+        '@typescript-eslint/restrict-template-expressions': ['error', { allowNumber: true }],
     },
 }, { // as of [email protected]
     optout: {
@@ -520,20 +521,26 @@ const rules = [{ // as of [email protected]
     },
 }];
 
-import viteConfig from './vite.config.ts';
-import pluginStylistic from '@stylistic/eslint-plugin';
-import pluginImportX from 'eslint-plugin-import-x';
-import pluginUnicorn from 'eslint-plugin-unicorn';
-import * as typescriptESLintParserForExtraFiles from 'typescript-eslint-parser-for-extra-files';
 import * as vueESLintParser from 'vue-eslint-parser';
+// eslint-disable-next-line import-x/extensions
 import vueESLintConfigTypescriptRecommendedExtends from '@vue/eslint-config-typescript/recommended.js';
 import pluginVue from 'eslint-plugin-vue';
+// eslint-disable-next-line import-x/no-unresolved
 import { fixupConfigRules } from '@eslint/compat';
 import { FlatCompat } from '@eslint/eslintrc';
 import eslintJs from '@eslint/js';
+import pluginStylistic from '@stylistic/eslint-plugin';
 import stylisticMigrate from '@stylistic/eslint-plugin-migrate';
+import pluginImportX from 'eslint-plugin-import-x';
+import pluginUnicorn from 'eslint-plugin-unicorn';
+// eslint-disable-next-line import-x/no-unresolved, import-x/extensions
+import { tsImport } from 'tsx/esm/api';
+import * as typescriptESLintParserForExtraFiles from 'typescript-eslint-parser-for-extra-files';
 import * as _ from 'lodash-es';
 
+// https://github.com/pzmosquito/eslint-import-resolver-vite/issues/12#issuecomment-2151349705
+const viteConfig = await tsImport('./vite.config.ts', import.meta.url);
+
 // https://github.com/eslint/eslint/issues/18093
 // https://github.com/eslint/eslint/issues/18391
 const compat = new FlatCompat();

fe/src/components/Post/queryForm/useQueryForm.ts

@@ -8,7 +8,7 @@ import * as _ from 'lodash-es';
 export interface UnknownParam { name: string, value: unknown, subParam: ObjUnknown & { not?: boolean } }
 export interface NamelessUnknownParam { value?: unknown, subParam?: ObjUnknown }
 export type ParamPreprocessorOrWatcher = (p: UnknownParam) => void;
-export default <
+const useQueryForm = <
     UniqueParams extends Record<string, UnknownParam> = Record<string, UnknownParam>,
     Params extends Record<string, UnknownParam> = Record<string, UnknownParam>
 >(
@@ -29,7 +29,7 @@ export default <
     const fillParamDefaultValue = <T extends Param | UniqueParam>
     (param: Partial<UnknownParam> & { name: string }, resetToDefault = false): T => {
         // prevent defaultsDeep mutate origin paramsDefaultValue
-        const defaultParam = _.cloneDeep(deps.paramsDefaultValue[param.name]);
+        const defaultParam = structuredClone(deps.paramsDefaultValue[param.name]);
         if (defaultParam === undefined)
             throw new Error(`Param ${param.name} not found in paramsDefaultValue`);
         defaultParam.subParam ??= {};
@@ -39,7 +39,7 @@ export default <
         if (resetToDefault)
             return _.defaultsDeep(defaultParam, param) as T;
 
-        return _.defaultsDeep(_.cloneDeep(param), defaultParam) as T;
+        return _.defaultsDeep(structuredClone(param), defaultParam) as T;
     };
     const addParam = (name: string) => {
         params.value.push(fillParamDefaultValue({ name }));
@@ -57,14 +57,14 @@ export default <
         params.value.splice(paramIndex, 1);
     };
     const clearParamDefaultValue = <T extends UnknownParam>(param: UnknownParam): Partial<T | UnknownParam> | null => {
-        const defaultParam = _.cloneDeep(deps.paramsDefaultValue[param.name]);
+        const defaultParam = structuredClone(deps.paramsDefaultValue[param.name]);
         if (defaultParam === undefined)
             throw new Error(`Param ${param.name} not found in paramsDefaultValue`);
 
         /** remove subParam.not: false, which previously added by {@link fillParamDefaultValue()} */
         if (defaultParam.subParam !== undefined)
             defaultParam.subParam.not ??= false;
-        const newParam: Partial<UnknownParam> = _.cloneDeep(param); // prevent mutating origin param
+        const newParam: Partial<UnknownParam> = structuredClone(param); // prevent mutating origin param
         /** number will consider as empty in {@link _.isEmpty()} */
         // to prevent this we use complex short circuit evaluate expression
         if (!(_.isNumber(newParam.value) || !_.isEmpty(newParam.value))
@@ -223,3 +223,4 @@ export default <
         generateParamRoute
     };
 };
+export default useQueryForm;

fe/src/components/Post/renderers/list/RendererList.vue

@@ -37,7 +37,7 @@ export type ThreadWithGroupedSubReplies<AdditionalSubReply extends SubReply = ne
     Thread & { replies: Array<Reply & { subReplies: Array<AdditionalSubReply | SubReply[]> }> };
 const posts = computed(() => {
     // https://github.com/microsoft/TypeScript/issues/33591
-    const newPosts = _.cloneDeep(props.initialPosts) as
+    const newPosts = structuredClone(props.initialPosts) as
         Modify<ApiPosts['response'], { threads: Array<ThreadWithGroupedSubReplies<SubReply>> }>;
     newPosts.threads = newPosts.threads.map(thread => {
         thread.replies = thread.replies.map(reply => {

fe/src/main.ts

@@ -1,12 +1,12 @@
 import App from '@/App.vue';
 import router from '@/router';
 import '@/styles/style.css';
-import 'bootstrap/dist/css/bootstrap.min.css';
 import { createApp } from 'vue';
 import { createPinia } from 'pinia';
 import { VueQueryPlugin } from '@tanstack/vue-query';
 import { createHead } from '@unhead/vue';
 import 'bootstrap';
+import 'bootstrap/dist/css/bootstrap.min.css';
 import 'noty/lib/noty.css';
 import 'noty/lib/themes/mint.css';
 import nprogress from 'nprogress';
@@ -15,7 +15,7 @@ import 'nprogress/nprogress.css';
 nprogress.configure({ trickleSpeed: 200 });
 
 if (import.meta.env.DEV) {
-    // @ts-expect-error no .d.ts
+    // @ts-expect-error too small to write a .d.ts for it
     await import('@/stats');
     await import('@/checkCSS');
 }

fe/src/router/index.ts

@@ -42,7 +42,10 @@ const lazyLoadRouteView = async (lazyComponent: Promise<Component>) => {
     routeLazyComponent.isLoading = true;
 
     return lazyComponent
-        .catch((e: Error) => { notyShow('error', `${e.name}<br />${e.message}`) })
+        .catch((e: unknown) => {
+            if (e instanceof Error)
+                notyShow('error', `${e.name}<br />${e.message}`);
+        })
         .finally(() => { routeLazyComponent.isLoading = false });
 };
 

fe/src/views/BilibiliVote.vue

@@ -576,7 +576,7 @@ const loadCharts = {
         });
 
         // clone last timeline option then transform it to official votes count option
-        const originalTimelineOptions = _.cloneDeep(options.at(-1));
+        const originalTimelineOptions = structuredClone(options.at(-1));
         if (originalTimelineOptions === undefined || !_.isArray(originalTimelineOptions.series))
             return;
         _.remove(originalTimelineOptions.series, { id: 'totalVotesValidation' });