Categories appear on more options

2025-04-28 11:29:33 +02:00
parent 805972bf3c
commit a6fe4c7ea3
4 changed files with 40 additions and 13 deletions
--- a/components/calendar/menu/Menu.vue
+++ b/components/calendar/menu/Menu.vue
@@ -1,5 +1,10 @@
 <script lang="ts" setup>
 import { useCalendar } from "~/stores/CalendarStore"
+import { breakpointsTailwind } from "@vueuse/core"
+
+const breakpoints = useBreakpoints(
+  breakpointsTailwind
+)

 const { isReadOnly, defaultDate } = storeToRefs(useCalendar())
 </script>
@@ -23,9 +28,11 @@ const { isReadOnly, defaultDate } = storeToRefs(useCalendar())
        <li>
          <CalendarSearchCTA />
        </li>
-        <li>
-          <CalendarCategoriesCTA />
-        </li>
+        <ClientOnly>
+          <li v-if="breakpoints.md.value">
+            <CalendarCategoriesCTA />
+          </li>
+        </ClientOnly>
        <li>
          <CalendarOptionsCTA />
        </li>