NSG_PORTAL_V2/components/dynamic-page/page-component/templates/navigations/layouts/Direction.vue

<script setup lang="ts">
// import DynamicComponent from "~/components/cms/page-component/templates/index.vue";
// import { getInputValue } from "@/utils/cms/page/parseSQL";

// const emit = defineEmits(["selectComponent"]);

// const _props = defineProps<{
//   dataResult?: any[];
//   dataQuery?: string;
//   component?: any;
// }>();

const SETTING_OPTIONS = {
  MAX_ELEMENT: 10,
};
</script>

<template>
  <section>
    <div v-for="navItem, index in Array(SETTING_OPTIONS.MAX_ELEMENT).fill({})" :key="index">
      <div class="empty"></div>
    </div>
  </section>
</template>

<style lang="scss" scoped>
.empty {
  width: 120px;
  min-height: 100px;
  border-radius: 6px;
  background: #409eff;
}
</style>