Как правильно делать вывод для мобильных устройств и комп?

Question

[SM_ST]

Скажите, правильно ли так делать вывод данных для мобильных телефонов и компьютеров?

использую пакет nuxtjs device

<template>
  <div class="div">
    <div v-if="$device.isDesktop" :class="$style.container">
      <ClientShopCover />
    </div>
    <div v-if="!$device.isDesktop">
      <MobileClientShopCover />
    </div>
  </div>
</template>

export default {
  layout: ({ $device }) => ($device.isDesktop ? 'default' : 'mobile-default'),
}

Answer 1

[Алексей Ярков]

v-else

Comments

[SM_ST]

А при таком подходе, будет динамическая подгрузка компонентов или будет загружаться и для десктоп и мобильных?

Или лучше оборачивать в компоненты- компонент десктоп и компонент мобайл?