chore: add better-tailwindcss/enforce-canonical-classes

src/views/account-settings/components/AccountManagement.vue

@@ -38,10 +38,7 @@ function onClick(item) {
 
 <template>
   <div
-    :class="[
-      'min-w-[180px]',
-      deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
-    ]"
+    :class="['min-w-[180px]', deviceDetection() ? 'max-w-full' : 'max-w-[70%]']"
   >
     <h3 class="my-8!">账户管理</h3>
     <div v-for="(item, index) in list" :key="index">

src/views/account-settings/components/Preferences.vue

@@ -33,10 +33,7 @@ function onChange(val, item) {
 
 <template>
   <div
-    :class="[
-      'min-w-[180px]',
-      deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
-    ]"
+    :class="['min-w-[180px]', deviceDetection() ? 'max-w-full' : 'max-w-[70%]']"
   >
     <h3 class="my-8!">偏好设置</h3>
     <div v-for="(item, index) in list" :key="index">

src/views/account-settings/components/Profile.vue

@@ -105,10 +105,7 @@ getMine().then(res => {
 
 <template>
   <div
-    :class="[
-      'min-w-[180px]',
-      deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
-    ]"
+    :class="['min-w-[180px]', deviceDetection() ? 'max-w-full' : 'max-w-[70%]']"
   >
     <h3 class="my-8!">个人信息</h3>
     <el-form

src/views/account-settings/components/SecurityLog.vue

@@ -73,10 +73,7 @@ onMounted(() => {
 
 <template>
   <div
-    :class="[
-      'min-w-[180px]',
-      deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
-    ]"
+    :class="['min-w-[180px]', deviceDetection() ? 'max-w-full' : 'max-w-[70%]']"
   >
     <h3 class="my-8!">安全日志</h3>
     <pure-table

src/views/account-settings/index.vue

@@ -70,7 +70,7 @@ getMine().then(res => {
   <el-container class="h-full">
     <el-aside
       v-if="isOpen"
-      class="pure-account-settings overflow-hidden px-2 dark:bg-(--el-bg-color)! border-r-[1px] border-(--pure-border-color)"
+      class="pure-account-settings overflow-hidden px-2 dark:bg-(--el-bg-color)! border-r border-(--pure-border-color)"
       :width="deviceDetection() ? '180px' : '240px'"
     >
       <el-menu :default-active="witchPane" class="pure-account-settings-menu">