From 2f78b3a924c95bf805b3ddafb6e495b1f9a5012c Mon Sep 17 00:00:00 2001
From: Yue JIN <yjin@nustarnuclear.com>
Date: Wed, 17 Apr 2024 14:19:56 +0800
Subject: [PATCH] chore: add rule to resolve conflict between prettier and
 eslint

---
 eslint.config.js                    | 5 +++--
 src/components/layout/AppDrawer.vue | 5 +----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index 7e4aff7..e95c798 100644
--- 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
index 581a0a0..2d795c4 100644
--- 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"