fix: adjust some vue rules

src/flat-configs/custom/custom-rules/vue.ts

@@ -12,6 +12,16 @@ const vueLegacyRules: FlatConfigRules = {
 const vueModernRules: FlatConfigRules = {
   'vue/component-api-style': 'error',
   'vue/custom-event-name-casing': ['error', 'camelCase'],
+
+  'vue-scoped-css/no-deprecated-deep-combinator': 'error',
+  'vue-scoped-css/no-deprecated-v-enter-v-leave-class': 'error',
+  'vue-scoped-css/no-parent-of-v-global': 'error',
+  'vue-scoped-css/require-v-deep-argument': 'error',
+  'vue-scoped-css/require-v-global-argument': 'error',
+  'vue-scoped-css/require-v-slotted-argument': 'error',
+  'vue-scoped-css/v-deep-pseudo-style': 'error',
+  'vue-scoped-css/v-global-pseudo-style': 'error',
+  'vue-scoped-css/v-slotted-pseudo-style': 'error',
 }
 
 const vueCommonRules: FlatConfigRules = {
@@ -122,6 +132,11 @@ const vueCommonRules: FlatConfigRules = {
   'vue/v-on-event-hyphenation': 'error',
   'vue/v-on-handler-style': 'off',
   'vue/valid-define-options': 'error',
+
+  'vue-scoped-css/enforce-style-type': 'error',
+  'vue-scoped-css/no-parsing-error': 'error',
+  'vue-scoped-css/no-unused-keyframes': 'error',
+  'vue-scoped-css/no-unused-selector': 'off',
 }
 
 export function getVueRules() {

src/flat-configs/recommended/base.ts

@@ -1,4 +1,5 @@
 import js from '@eslint/js'
+import globals from 'globals'
 import tseslint from 'typescript-eslint'
 import { jsOrTsGlob } from '../../lib/constants.js'
 import { getGitIgnores } from '../../lib/utils.js'
@@ -9,6 +10,12 @@ export const baseConfigs: FlatConfigs = [
     files: [jsOrTsGlob],
     ignores: getGitIgnores(),
     languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.builtin,
+        ...globals.commonjs,
+        ...globals.nodeBuiltin,
+      },
       // @ts-expect-error types in tseslint do not match those in eslint
       parser: tseslint.parser,
     },