Convert VButton, tabs and item group components to script setup (#4796

) * Convert VItem-related; brand; tabs components Signed-off-by: Olga Bulat <[email protected]> * Remove border on focus-visible:hover Signed-off-by: Olga Bulat <[email protected]> --------- Signed-off-by: Olga Bulat <[email protected]>
WordPress · Aug 26, 2024 · d1bcd64 · d1bcd64
1 parent bc81c65
commit d1bcd64
Show file tree

Hide file tree

Showing 20 changed files with 643 additions and 989 deletions.
diff --git a/frontend/src/components/LoadingIcon.vue b/frontend/src/components/LoadingIcon.vue
diff --git a/frontend/src/components/VBrand/VBrand.vue b/frontend/src/components/VBrand/VBrand.vue
@@ -1,18 +1,9 @@
-<script lang="ts">
-import { defineComponent } from "vue"
-
-import VSvg from "~/components/VSvg/VSvg.vue"
-
+<script setup lang="ts">
 /**
  * A simple Openverse logo component, visually hidden from screen-reader users.
  * Implementations should wrap this icon with appropriate sr-only text or an aria-label.
  */
-export default defineComponent({
-  name: "VBrand",
-  components: {
-    VSvg,
-  },
-})
+import VSvg from "~/components/VSvg/VSvg.vue"
 </script>
 
 <template>