fixpnpm(eslint): vue/attribute-hyphenation: off

Author: RyushiAok

eslint.config.mjs

@@ -47,6 +47,7 @@ export default defineConfig([
       "vue/component-definition-name-casing": "warn",
       "vue/component-name-in-template-casing": "warn",
       "vue/custom-event-name-casing": ["warn", "camelCase"],
+      "vue/attribute-hyphenation": "off",
       "vue/no-async-in-computed-properties": "warn",
       "vue/no-computed-properties-in-data": "warn",
       "vue/no-custom-modifiers-on-v-model": "warn",

examples/vue3/src/components/layout/header/avatar-dropdown.vue

@@ -3,7 +3,7 @@
     <WizAvatar
       :src="AVATAR_SRC"
       :fallback="AVATAR_FALLBACK"
-      aria-label="avatar"
+      ariaLabel="avatar"
       clickable
       @click="toggleAvatarDropdownOpen"
     />

examples/vue3/src/components/layout/header/notification-dropdown.vue

@@ -2,7 +2,7 @@
   <WizPopupContainer>
     <WizIconButton
       :icon="WizINotification"
-      aria-label="Notification"
+      ariaLabel="Notification"
       size="xl"
       variant="transparent"
       color="gray.700"

packages/wiz-ui-next/src/components/base/dialog/dialog.vue

@@ -12,7 +12,7 @@
           <template v-if="!hideClose" #subHeaderArea>
             <WizIconButton
               :icon="WizIClose"
-              :aria-label="ARIA_LABELS.DIALOG.CLOSE"
+              :ariaLabel="ARIA_LABELS.DIALOG.CLOSE"
               variant="transparent"
               @click="close"
             />

packages/wiz-ui-next/src/components/base/full-modal-view/full-modal-view.vue

@@ -21,7 +21,7 @@
               <WizIconButton
                 :icon="WizIClose"
                 variant="transparent"
-                :aria-label="ARIA_LABELS.FULL_MODAL_VIEW.CLOSE"
+                :ariaLabel="ARIA_LABELS.FULL_MODAL_VIEW.CLOSE"
                 @click="closeModal"
               />
             </WizHStack>

packages/wiz-ui-next/src/components/base/header/header.vue

@@ -9,7 +9,7 @@
           :icon="WizIMenu"
           size="lg"
           variant="transparent"
-          :aria-label="ARIA_LABELS.MENU"
+          :ariaLabel="ARIA_LABELS.MENU"
           @click="toggleMenuOpen"
         />
         <slot name="left" />

packages/wiz-ui-next/src/components/base/information-panel/information-panel.vue

@@ -20,7 +20,7 @@
       <WizIconButton
         variant="transparent"
         :icon="WizIClose"
-        :aria-label="ARIA_LABELS.INFORMATION_PANEL.CLOSE"
+        :ariaLabel="ARIA_LABELS.INFORMATION_PANEL.CLOSE"
         @click="close"
       />
     </WizVStack>

packages/wiz-ui-next/src/components/custom/chat/form/chat-form.vue

@@ -12,7 +12,7 @@
       <WizIconButton
         :icon="WizISend"
         :disabled="disabled"
-        :aria-label="ARIA_LABELS.CHAT_FORM.SEND"
+        :ariaLabel="ARIA_LABELS.CHAT_FORM.SEND"
         @click="onSubmit"
       />
     </div>