Clean up the code

WordPress · Sep 29, 2022 · 9ba30c0 · 9ba30c0
1 parent f31e9df
commit 9ba30c0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/src/components/VHeader/VHeaderMobile.vue b/src/components/VHeader/VHeaderMobile.vue
@@ -46,7 +46,6 @@ import {
   computed,
   defineComponent,
   inject,
-  provide,
   ref,
   useContext,
   useRouter,
@@ -62,7 +61,9 @@ import { isSearchTypeSupported, useSearchStore } from '~/stores/search'
 
 import VContentSettingsButton from '~/components/VHeader/VContentSettingsButton.vue'
 import VLogoButton from '~/components/VHeader/VLogoButton.vue'
+import VModal from '~/components/VModal/VModal.vue'
 import VSearchBar from '~/components/VHeader/VSearchBar/VSearchBar.vue'
+import VSearchTypes from '~/components/VContentSwitcher/VSearchTypes.vue'
 
 import closeIcon from '~/assets/icons/close.svg'
 
@@ -80,7 +81,9 @@ export default defineComponent({
   components: {
     VContentSettingsButton,
     VLogoButton,
+    VModal,
     VSearchBar,
+    VSearchTypes,
   },
   setup() {
     const mediaStore = useMediaStore()
@@ -93,8 +96,6 @@ export default defineComponent({
 
     const isHeaderScrolled = inject('isHeaderScrolled', false)
     const isMinScreenMd = isMinScreen('md', { shouldPassInSSR: true })
-    const headerHasTwoRows = inject('headerHasTwoRows')
-    provide('isMinScreenMd', isMinScreenMd)
 
     const menuModalRef = ref(null)
 
@@ -196,7 +197,6 @@ export default defineComponent({
       isHeaderScrolled,
       isMinScreenMd,
       isSearchRoute,
-      headerHasTwoRows,
       areFiltersDisabled,
 
       menuModalRef,

diff --git a/src/components/VModal/VModal.vue b/src/components/VModal/VModal.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="nodeRef">
     <!-- eslint-disable-next-line vuejs-accessibility/click-events-have-key-events -->
-    <div ref="triggerContainerRef" class="flex" @click="onTriggerClick">
+    <div ref="triggerContainerRef" @click="onTriggerClick">
       <!--
         @slot The trigger. Should be a button 99% of the time. If you need custom event handling on the trigger button, ensure bubbling is not prevented or else the dialog will not open.
           @binding {object} a11yProps Props to v-bind to the trigger element to ensure accessibility

diff --git a/src/composables/use-search-type.ts b/src/composables/use-search-type.ts
@@ -26,7 +26,7 @@ const icons = {
   [IMAGE]: imageIcon,
   [VIDEO]: videoIcon,
   [MODEL_3D]: model3dIcon,
-} as const
+}
 
 export default function useSearchType() {
   const activeType = computed(() => useSearchStore().searchType)
@@ -54,5 +54,3 @@ export default function useSearchType() {
     additionalTypes,
   }
 }
-
-export type UseSearchTypeReturn = ReturnType<typeof useSearchType>