fix: stylelint not work

packages/business/common-ui/src/authentication/qrcode-login.vue

@@ -37,7 +37,7 @@ function handleGo(path: string) {
       </template>
     </Title>
 
-    <div class="mt-6 flex flex-col items-center justify-center">
+    <div class="flex-col-center mt-6">
       <img :src="qrcode" alt="qrcode" class="w-1/2" />
       <p class="text-muted-foreground mt-4 text-sm">
         {{ $t('authentication.qrcode-prompt') }}

packages/business/common-ui/src/fallback/fallback.vue

@@ -63,7 +63,7 @@ function back() {
   >
     <img v-if="image" :src="image" class="md:1/3 w-1/2 lg:w-1/4" />
     <FeedbackIcon v-else class="md:1/3 h-1/3 w-1/2 lg:w-1/4" />
-    <div class="flex flex-col items-center justify-center">
+    <div class="flex-col-center">
       <p class="text-foreground mt-12 text-3xl md:text-4xl lg:text-5xl">
         {{ titleText }}
       </p>

packages/business/common-ui/src/preference/trigger.vue

@@ -12,7 +12,7 @@ defineOptions({
 
 <template>
   <VbenButton
-    class="bg-primary flex-center h-9 w-9 cursor-pointer flex-col rounded-l-md rounded-r-none border-none"
+    class="bg-primary flex-col-center h-9 w-9 cursor-pointer rounded-l-md rounded-r-none border-none"
     :title="$t('preference.preferences')"
   >
     <IconSetting class="text-lg" />

packages/business/common-ui/src/spinner/spinner.vue

@@ -59,9 +59,7 @@ watch(
   </div>
 </template>
 
-<style lang="scss" scoped>
-@import '@vben-core/design/global';
-
+<style scoped>
 @keyframes jump-ani {
   15% {
     border-bottom-right-radius: 3px;

packages/business/layouts/src/authentication/authentication.vue

@@ -47,7 +47,7 @@ const { authPanelCenter, authPanelLeft, authPanelRight } = usePreference();
       <div
         class="absolute inset-0 h-full w-full bg-[var(--color-authentication)]"
       >
-        <div class="flex-center mr-20 flex h-full flex-col">
+        <div class="flex-col-center mr-20 h-full">
           <SloganIcon
             :alt="preference.appName"
             class="animate-float h-64 w-2/5"

packages/business/layouts/src/authentication/from-view.vue

@@ -8,9 +8,7 @@ defineOptions({
 });
 </script>
 <template>
-  <div
-    class="relative flex flex-col items-center justify-center px-6 py-10 lg:flex-initial lg:px-8"
-  >
+  <div class="flex-col-center relative px-6 py-10 lg:flex-initial lg:px-8">
     <slot name="toolbar">
       <Toolbar />
     </slot>