influence/components/home/dashboard/layout03/layout03.vue

<template>
  <div class="dash--board--contents type3">
    <!-- CORE -->
    <div>
      <Core06x24
        :config="coreConfig"
        :interval-time="props.intervalTime"
      />
    </div>
    <!-- USER -->
    <div> 
      <User06x24
        :config="userConfig"
        :interval-time="props.intervalTime"
      />
    </div>
    <!-- RAN -->
    <div> 
      <Ran12x24
        :config="raneConfig"
        :interval-time="props.intervalTime"
      />
    </div>
  </div>
</template>

<script setup>
  /***********************
   *     import
   ************************/
  import { useI18n } from "vue-i18n"
  import apiUrl from '@/composables/useApi';
  import useAxios from '@/composables/useAxios';
  import useUtil from '@/composables/useUtil';
  import Core06x24 from '@/components/home/dashboard/layout03/core/layout03Core.vue'
  import User06x24 from '@/components/home/dashboard/layout03/user/layout03User.vue'
  import Ran12x24 from '@/components/home/dashboard/layout03/ran/layout03Ran.vue'


  /***********************
   *     plugins inject
   ************************/
   const { $toast, $log, $dayjs, $eventBus } = useNuxtApp()

  // props
  const props = defineProps({
    intervalTime: {
      type: Number,
      default: 5000
    }
  })

  // 참조가능 데이터 설정
  defineExpose({})

  // 발신 이벤트 선언
  const emit = defineEmits([""]);
  const i18n = useI18n();


  /***********************
   *     data & created
   ************************/
  const widgets = computed(() => useAuthStore().getWidgets);
  const coreConfig = computed(() => widgets.value?.find(w => w.widgetGrp == 'CORE'));
  const userConfig = computed(() => widgets.value?.find(w => w.widgetGrp == 'USER'));
  const raneConfig = computed(() => widgets.value?.find(w => w.widgetGrp == 'RANE'));
   
  /***********************
   *     Methods
   ************************/
</script>