update

composables/use-breakpoints.ts

@@ -0,0 +1,11 @@
+import { useMediaQuery } from '@vueuse/core'
+
+export default function useBreakpoints() {
+  const isMobile = useMediaQuery('(max-width: 480px)')
+  const isDesktop = computed(() => !isMobile.value)
+
+  return {
+    isMobile,
+    isDesktop,
+  }
+}