Is it possible to show/hide component on mobile with vite-ssg?

[spokospace]

I have some components which I'm trying to hide on mobile using v-if and checking e.g. by checking size using useBreakpoints.
It's okay on localhost, but after build on server, all components are shown - even on mobile devices.

There is any way to hide some unused components only on mobile using with vite-ssg?

I created a store info.ts and used function:

function checkMobileBreakpoint() {
    return useStorage('isMobile', breakpoints.smaller('md'))
  }

const isMobile = ref(checkMobileBreakpoint())

but it doesn't work on production