chore: add rule to resolve conflict between prettier and eslint

kingyue737 · Apr 17, 2024 · 2f78b3a · 2f78b3a
1 parent 6c81e3a
commit 2f78b3a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/eslint.config.js b/eslint.config.js
@@ -20,8 +20,9 @@ export default defineFlatConfigs(
   },
   {
     rules: {
-      'vue/valid-v-slot': ['error', { allowModifiers: true }],
-      'vue/no-multiple-template-root': 'off',
+      'vue/valid-v-slot': ['error', { allowModifiers: true }], // allow vuetify slot modifier
+      'vue/no-multiple-template-root': 'off', // nuxt allow it but plain vue don't
+      'vue/html-self-closing': ['error', { html: { void: 'any' } }], // not conflict with prettier
       '@typescript-eslint/no-explicit-any': 'off',
     },
   },

diff --git a/src/components/layout/AppDrawer.vue b/src/components/layout/AppDrawer.vue
@@ -49,10 +49,7 @@ nextTick(() => {
     <v-spacer />
     <template #append>
       <v-list-item class="drawer-footer px-0 d-flex flex-column justify-center">
-        <div
-          class="text-caption pt-6 pb-1 pt-md-0 text-center"
-          style="white-space: nowrap"
-        >
+        <div class="text-caption pt-6 pb-1 pt-md-0 text-center text-no-wrap">
           &copy; Copyright 2023
           <a
             href="https://github.com/kingyue737"