* fix all violations of eslint rule no-restricted-syntax that intro…

…duced in aa2bba7 @ app/router.options.ts & utils/post/queryForm/queryParams.ts

* fix all violations of eslint rule `@typescript-eslint/unbound-method` @ pages/bilibiliVote.vue
* enable option `allowAsThisParameter` for rule `@typescript-eslint/no-invalid-void-type` to allow using `this: void` to resolve violation of rule `@typescript-eslint/unbound-method` @ eslint.config.js
* replace the callback as v-bind of `ref` with plain attr @ `<RelativeTime>`
* referencing vuejs/language-tools#4798 in comment since 2f8b0a0 @ `<PostBadgeTime>`
@ fe

fe/eslint.config.js

@@ -363,7 +363,7 @@ const rules = [{ // as of [email protected]
         '@typescript-eslint/no-confusing-void-expression': 'error',
         '@typescript-eslint/no-dynamic-delete': 'error',
         '@typescript-eslint/no-extraneous-class': 'error',
-        '@typescript-eslint/no-invalid-void-type': 'error',
+        '@typescript-eslint/no-invalid-void-type': ['error', { allowAsThisParameter: true }],
         '@typescript-eslint/no-require-imports': 'error',
         '@typescript-eslint/no-unnecessary-boolean-literal-compare': 'error',
         '@typescript-eslint/no-unnecessary-condition': 'error',

fe/src/app/router.options.ts

@@ -22,7 +22,7 @@ const redirectRoute = (before: string, after: string): RouteRecordRedirect[] =>
 }, { path: before, redirect: after }];
 
 export default {
-    routes: _routes => {
+    routes(_routes) {
         const postCursorRoute = withCursorRoute(async () => import('@/pages/posts.vue'));
         const postChildren = [
             postCursorRoute('fid/:fid(\\d+)', 'posts/fid'),

fe/src/components/RelativeTime.vue

@@ -1,5 +1,5 @@
 <template>
-<span :ref="el => rootEl = (el as HTMLElement)">
+<span ref="rootEl">
     <template v-if="hydrationStore.isHydratingOrSSR || !isAlreadySeen">
         <template v-if="relativeTo === undefined">
             {{ dateTimeInShanghai.toLocaleString({

fe/src/components/post/badge/Time.vue

@@ -8,6 +8,7 @@
         :current="currentDateTime" :relativeTo="previousDateTime"
         :relativeToText="`相对于上一${postType}${timestampType}`"
         :postType="props.postType" :timestampType="timestampType" v-bind="$attrs">
+        <!-- https://github.com/vuejs/language-tools/issues/4798 -->
         <FontAwesome :icon="faChevronUp" class="me-1 align-bottom" />
     </PostBadgeTimeView>
     <PostBadgeTimeView

fe/src/pages/bilibiliVote.vue

@@ -636,7 +636,7 @@ const loadCharts = {
             });
         });
     },
-    top5CandidateCountGroupByTime() {
+    top5CandidateCountGroupByTime(this: void) {
         const timeGranularity = query.value.top5CandidateCountGroupByTimeGranularity;
         const top5CandidateCountGroupByTime = timeGranularity === 'minute'
             ? json.top5CandidatesVoteCountGroupByMinute
@@ -669,7 +669,7 @@ const loadCharts = {
             series
         } as echarts.ComposeOption<AxisPointerComponentOption | GridComponentOption | LineSeriesOption>);
     },
-    allVoteCountGroupByTime() {
+    allVoteCountGroupByTime(this: void) {
         const timeGranularity = query.value.allVoteCountGroupByTimeGranularity;
         const allVoteCountGroupByTime = timeGranularity === 'minute'
             ? json.allVoteCountGroupByMinute

fe/src/utils/post/queryForm/queryParams.ts

@@ -98,30 +98,30 @@ const paramsMetadataKeyByType: { [P in 'array' | 'dateTimeRange' | 'numeric' | '
     watcher?: ParamPreprocessorOrWatcher
 } } = { // mutating param object will sync changes
     array: {
-        preprocessor: param => {
+        preprocessor(param) {
             if (_.isString(param.value))
                 param.value = param.value.split(',');
         }
     },
     numeric: { default: { subParam: { range: '=' } } },
     textMatch: {
         default: { subParam: { matchBy: 'explicit', spaceSplit: false } },
-        preprocessor: param => {
+        preprocessor(param) {
             param.subParam.spaceSplit = boolStrToBool(param.subParam.spaceSplit);
         },
-        watcher: param => {
+        watcher(param) {
             if (param.subParam.matchBy === 'regex')
                 param.subParam.spaceSplit = false;
         }
     },
     dateTimeRange: {
         default: { subParam: { range: undefined } },
-        preprocessor: param => {
+        preprocessor(param) {
             if (!_.isString(param.value))
                 return;
             param.subParam.range = param.value.split(',');
         },
-        watcher: param => {
+        watcher(param) {
             // combine datetime range into root param's value
             param.value = _.isArray(param.subParam.range) ? param.subParam.range.join(',') : '';
         }