* extending flat config provided by @vue/eslint-config-typescript: v…

…uejs/eslint-config-typescript#81 @ `eslint.config.js` * fix nuxt/nuxt#26734 @ `<PostQueryFormWidgetSelectRange>` @ fe
n0099 · Oct 18, 2024 · 5a0a4fe · 5a0a4fe
1 parent ef822a8
commit 5a0a4fe
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/fe/eslint.config.js b/fe/eslint.config.js
@@ -1,8 +1,7 @@
 // eslint-disable-next-line import-x/extensions
 import { withNuxt } from './.nuxt/eslint.config.mjs';
 import * as vueESLintParser from 'vue-eslint-parser';
-// eslint-disable-next-line import-x/extensions
-import vueESLintConfigTypescriptRecommendedExtends from '@vue/eslint-config-typescript/recommended.js';
+import vueEslintConfigTypeScript from '@vue/eslint-config-typescript';
 import pluginVue from 'eslint-plugin-vue';
 import { FlatCompat } from '@eslint/eslintrc';
 import eslintJs from '@eslint/js';
@@ -548,7 +547,7 @@ const compat = new FlatCompat();
 export default withNuxt(
     eslintJs.configs.recommended,
     ...pluginVue.configs['flat/recommended'],
-    ...compat.config(vueESLintConfigTypescriptRecommendedExtends), // https://github.com/vuejs/eslint-config-typescript/issues/76#issuecomment-2148720004
+    ...vueEslintConfigTypeScript({ extends: ['recommended'] }),
     ...compat.extends( // https://github.com/ota-meshi/typescript-eslint-parser-for-extra-files/issues/95#issuecomment-2148604881
         'plugin:@typescript-eslint/strict-type-checked',
         'plugin:@typescript-eslint/stylistic-type-checked',

diff --git a/fe/src/components/post/queryForm/widget/SelectRange.vue b/fe/src/components/post/queryForm/widget/SelectRange.vue
@@ -1,10 +1,10 @@
 <template>
 <select v-model="modelValue" class="form-select form-control flex-grow-0">
-    <option>&lt;</option>
-    <option>=</option>
-    <option>&gt;</option>
-    <option>IN</option>
-    <option>BETWEEN</option>
+    <option
+        v-for="value in numericParamSubParamRangeValues" :key="value"
+        :selected="value === modelValue">
+        {{ value }}
+    </option>
 </select>
 </template>