<script setup>
import size375 from "@/components/customDefaultPage/size375/index.vue";
import size768 from "@/components/customDefaultPage/size1920/index.vue";
import size1440 from "@/components/customDefaultPage/size1920/index.vue";
import size1920 from "@/components/customDefaultPage/size1920/index.vue";

const { viewComponent, componentKey } = useViewSelector({
  size375,
  size768,
  size1440,
  size1920,
});
</script>

<template>
  <component :is="viewComponent" :key="componentKey" v-bind="$attrs">
    <template v-for="(_, slot) in $slots" #[slot]="scope">
      <slot :name="slot" v-bind="scope" />
    </template>
  </component>
</template>

<style scoped lang="scss"></style>
