Refactor

primefaces · Oct 17, 2022 · 56f42c3 · 56f42c3
1 parent 781c19b
commit 56f42c3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/src/components/steps/Steps.vue b/src/components/steps/Steps.vue
@@ -1,8 +1,8 @@
 <template>
-    <div :id="id" :class="containerClass">
-        <ul ref="list" role="tablist">
+    <nav :id="id" :class="containerClass">
+        <ol ref="list">
             <template v-for="(item, index) of model" :key="item.to">
-                <li v-if="visible(item)" :class="getItemClass(item)" :style="item.style" role="tab" :aria-selected="isActive(item)" :aria-expanded="isActive(item)">
+                <li v-if="visible(item)" :class="getItemClass(item)" :style="item.style">
                     <template v-if="!$slots.item">
                         <router-link v-if="!isItemDisabled(item)" v-slot="{ navigate, href, isActive, isExactActive }" :to="item.to" custom>
                             <a
@@ -26,8 +26,8 @@
                     <component v-else :is="$slots.item" :item="item"></component>
                 </li>
             </template>
-        </ul>
-    </div>
+        </ol>
+    </nav>
 </template>
 
 <script>
@@ -212,7 +212,7 @@ export default {
     position: relative;
 }
 
-.p-steps ul {
+.p-steps ol {
     padding: 0;
     margin: 0;
     list-style-type: none;

diff --git a/src/components/tabview/TabView.vue b/src/components/tabview/TabView.vue
@@ -70,8 +70,8 @@
 </template>
 
 <script>
-import { UniqueComponentId, DomHandler } from 'primevue/utils';
 import Ripple from 'primevue/ripple';
+import { DomHandler, UniqueComponentId } from 'primevue/utils';
 
 export default {
     name: 'TabView',
@@ -103,7 +103,6 @@ export default {
     data() {
         return {
             d_activeIndex: this.activeIndex,
-            focusedTabIndex: -1,
             isPrevButtonDisabled: true,
             isNextButtonDisabled: false
         };