remove core ui dashboard

package.json

   },
   "devDependencies": {
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@coreui/coreui": "^4.1.0",
-    "@coreui/icons": "^2.1.0",
-    "@coreui/icons-vue": "^2.0.0",
-    "@coreui/vue": "^4.1.2",
     "@inertiajs/inertia": "^0.11.0",
     "@inertiajs/inertia-vue3": "^0.6.0",
     "@inertiajs/progress": "^0.2.7",
     "axios": "^0.25",
-    "bootstrap": "^5.1.3",
     "browser-sync": "^2.27.7",
     "browser-sync-webpack-plugin": "^2.3.0",
     "install": "^0.13.0",

resources/js/assets/brand/logoNegative.js

-export default [
-  '556 134',
-  `
-  <title>coreui vue logo</title>
-  <g>
-    <g style="fill:#1bbd93">
-      <path class="cls-1" d="M347.9818,90.0869l-11.84-43.52-.0644-.1924q0-.5112.6406-.5117h1.2793a.66.66,0,0,1,.7051.5762l10.623,39.68c.042.0859.0859.1279.1289.1279.041,0,.084-.042.127-.1279l10.625-39.68a.657.657,0,0,1,.7031-.5762h1.2168a.54.54,0,0,1,.5762.7041l-11.9043,43.52a.6584.6584,0,0,1-.7041.5761h-1.4082A.6577.6577,0,0,1,347.9818,90.0869Z"/>
-      <path class="cls-1" d="M382.2786,89.5751a10.9023,10.9023,0,0,1-4.3515-4.5439,14.4586,14.4586,0,0,1-1.5362-6.7842V46.5029a.5656.5656,0,0,1,.64-.64h1.2168a.5659.5659,0,0,1,.64.64v32a10.5488,10.5488,0,0,0,2.72,7.5527,10.36,10.36,0,0,0,14.3359,0,10.5493,10.5493,0,0,0,2.7207-7.5527v-32a.5655.5655,0,0,1,.64-.64h1.2159a.5666.5666,0,0,1,.6406.64V78.247a13.01,13.01,0,0,1-3.3926,9.376,11.8974,11.8974,0,0,1-9.0234,3.5527A12.8481,12.8481,0,0,1,382.2786,89.5751Z"/>
-      <path class="cls-1" d="M439.5843,48.1035H419.5521a.2263.2263,0,0,0-.2559.2558V66.8554a.2259.2259,0,0,0,.2559.2559h13.8242a.5665.5665,0,0,1,.6406.64v.96a.5665.5665,0,0,1-.6406.6406H419.5521a.2263.2263,0,0,0-.2559.2559v18.56a.2259.2259,0,0,0,.2559.2559h20.0322a.5665.5665,0,0,1,.64.6406v.96a.5655.5655,0,0,1-.64.64H417.4407a.5654.5654,0,0,1-.6406-.64v-43.52a.5658.5658,0,0,1,.6406-.64h22.1436a.5659.5659,0,0,1,.64.64v.96A.5658.5658,0,0,1,439.5843,48.1035Z"/>
-      <path class="cls-1" d="M454.5921,89.5117a2.8385,2.8385,0,0,1-.8-2.0489,2.9193,2.9193,0,0,1,.8-2.1113,2.7518,2.7518,0,0,1,2.0791-.832,2.8465,2.8465,0,0,1,2.9443,2.9433,2.7561,2.7561,0,0,1-.832,2.08,2.9208,2.9208,0,0,1-2.1123.8008A2.7521,2.7521,0,0,1,454.5921,89.5117Z"/>
-      <path class="cls-1" d="M474.931,88.0078a11.3087,11.3087,0,0,1-3.2-8.4161v-5.44a.5655.5655,0,0,1,.64-.64h1.2158a.5662.5662,0,0,1,.6407.64v5.5039a9.1421,9.1421,0,0,0,2.5283,6.72,8.9734,8.9734,0,0,0,6.6875,2.5606,8.7916,8.7916,0,0,0,9.28-9.28V46.5029a.5655.5655,0,0,1,.64-.64h1.2158a.5656.5656,0,0,1,.64.64V79.5917a11.2541,11.2541,0,0,1-3.2315,8.4161,13.0621,13.0621,0,0,1-17.0556,0Z"/>
-      <path class="cls-1" d="M512.8753,88.1035a10.4847,10.4847,0,0,1-3.36-8.128v-1.792a.5665.5665,0,0,1,.6406-.6406h1.0879a.5666.5666,0,0,1,.64.6406v1.6a8.5461,8.5461,0,0,0,2.752,6.6563,10.5361,10.5361,0,0,0,7.36,2.4961,9.8741,9.8741,0,0,0,6.9766-2.3682,8.2188,8.2188,0,0,0,2.56-6.3359,8.3952,8.3952,0,0,0-1.12-4.416,11.3752,11.3752,0,0,0-3.3281-3.3926,71.6866,71.6866,0,0,0-6.1758-3.7119,71.0151,71.0151,0,0,1-6.24-3.84,12.1824,12.1824,0,0,1-3.4238-3.68,10.2659,10.2659,0,0,1-1.28-5.3437,9.86,9.86,0,0,1,3.0723-7.7441,12.0126,12.0126,0,0,1,8.3193-2.752q5.6969,0,8.9609,3.1035a10.8247,10.8247,0,0,1,3.2637,8.2246v1.6a.5658.5658,0,0,1-.6406.64h-1.1514a.5651.5651,0,0,1-.64-.64V56.8076a8.8643,8.8643,0,0,0-2.6241-6.6885,9.9936,9.9936,0,0,0-7.2324-2.5274,9.37,9.37,0,0,0-6.5283,2.1436,7.8253,7.8253,0,0,0-2.3672,6.1123,7.8088,7.8088,0,0,0,1.0235,4.16,10.3978,10.3978,0,0,0,3.0078,3.039,63.0249,63.0249,0,0,0,5.9521,3.4883,70.7955,70.7955,0,0,1,6.72,4.2559,13.4613,13.4613,0,0,1,3.6485,3.9365,10.044,10.044,0,0,1,1.28,5.1836,10.7185,10.7185,0,0,1-3.2647,8.1924q-3.2637,3.0717-8.832,3.0722Q516.2342,91.1757,512.8753,88.1035Z"/>
-    </g>
-  </g>
-  <g style="fill: currentColor">
-    <g>
-      <path d="M99.835,36.0577l-39-22.5167a12,12,0,0,0-12,0l-39,22.5166a12.0339,12.0339,0,0,0-6,10.3924V91.4833a12.0333,12.0333,0,0,0,6,10.3923l39,22.5167a12,12,0,0,0,12,0l39-22.5167a12.0331,12.0331,0,0,0,6-10.3923V46.45A12.0334,12.0334,0,0,0,99.835,36.0577Zm-2,55.4256a4,4,0,0,1-2,3.4641l-39,22.5167a4.0006,4.0006,0,0,1-4,0l-39-22.5167a4,4,0,0,1-2-3.4641V46.45a4,4,0,0,1,2-3.4642l39-22.5166a4,4,0,0,1,4,0l39,22.5166a4,4,0,0,1,2,3.4642Z"/>
-      <path d="M77.8567,82.0046h-2.866a4,4,0,0,0-1.9247.4934L55.7852,91.9833,35.835,80.4648V57.4872l19.95-11.5185,17.2893,9.4549a3.9993,3.9993,0,0,0,1.9192.4906h2.8632a2,2,0,0,0,2-2V51.2024a2,2,0,0,0-1.04-1.7547L59.628,38.9521a8.0391,8.0391,0,0,0-7.8428.09L31.8346,50.56a8.0246,8.0246,0,0,0-4,6.9287v22.976a8,8,0,0,0,4,6.9283l19.95,11.5186a8.0429,8.0429,0,0,0,7.8433.0879l19.19-10.5312a2,2,0,0,0,1.0378-1.7533v-2.71A2,2,0,0,0,77.8567,82.0046Z"/>
-    </g>
-    <g>
-      <path d="M172.58,45.3618a15.0166,15.0166,0,0,0-15,14.9995V77.6387a15,15,0,0,0,30,0V60.3613A15.0166,15.0166,0,0,0,172.58,45.3618Zm7,32.2769a7,7,0,0,1-14,0V60.3613a7,7,0,0,1,14,0Z"/>
-      <path d="M135.9138,53.4211a7.01,7.01,0,0,1,7.8681,6.0752.9894.9894,0,0,0,.9843.865h6.03a1.0108,1.0108,0,0,0,.9987-1.0971,15.0182,15.0182,0,0,0-15.7162-13.8837,15.2881,15.2881,0,0,0-14.2441,15.4163V77.2037A15.288,15.288,0,0,0,136.0792,92.62a15.0183,15.0183,0,0,0,15.7162-13.8842,1.0107,1.0107,0,0,0-.9987-1.0971h-6.03a.9894.9894,0,0,0-.9843.865,7.01,7.01,0,0,1-7.8679,6.0757,7.1642,7.1642,0,0,1-6.0789-7.1849V60.6057A7.1638,7.1638,0,0,1,135.9138,53.4211Z"/>
-      <path d="M218.7572,72.9277a12.1585,12.1585,0,0,0,7.1843-11.0771V58.1494A12.1494,12.1494,0,0,0,213.7921,46H196.835a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V74h6.6216l7.9154,17.4138a1,1,0,0,0,.91.5862h6.5911a1,1,0,0,0,.91-1.4138Zm-.8157-11.0771A4.1538,4.1538,0,0,1,213.7926,66h-9.8511V54h9.8511a4.1538,4.1538,0,0,1,4.1489,4.1494Z"/>
-      <path d="M260.835,46h-26a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h26a1,1,0,0,0,1-1V85a1,1,0,0,0-1-1h-19V72h13a1,1,0,0,0,1-1V65a1,1,0,0,0-1-1h-13V54h19a1,1,0,0,0,1-1V47A1,1,0,0,0,260.835,46Z"/>
-      <path d="M298.835,46h-6a1,1,0,0,0-1,1V69.6475a7.0066,7.0066,0,1,1-14,0V47a1,1,0,0,0-1-1h-6a1,1,0,0,0-1,1V69.6475a15.0031,15.0031,0,1,0,30,0V47A1,1,0,0,0,298.835,46Z"/>
-      <rect x="307.835" y="46" width="8" height="38" rx="1"/>
-    </g>
-  </g>
-</g>
-`,
-]

resources/js/assets/brand/sygnet.js

-export default [
-  '160 160',
-  `
-  <title>coreui logo</title>
-  <g>
-    <g style="fill:#fff;">
-      <path d="M125,47.091,86,24.5743a12,12,0,0,0-12,0L35,47.091a12.0336,12.0336,0,0,0-6,10.3923v45.0334a12.0335,12.0335,0,0,0,6,10.3923l39,22.5166a11.9993,11.9993,0,0,0,12,0l39-22.5166a12.0335,12.0335,0,0,0,6-10.3923V57.4833A12.0336,12.0336,0,0,0,125,47.091Zm-2,55.4257a4,4,0,0,1-2,3.464L82,128.4974a4,4,0,0,1-4,0L39,105.9807a4,4,0,0,1-2-3.464V57.4833a4,4,0,0,1,2-3.4641L78,31.5025a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
-      <path d="M103.0216,93.0379h-2.866a4,4,0,0,0-1.9246.4935L80.95,103.0167,61,91.4981V68.5206L80.95,57.002l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V62.2357a2,2,0,0,0-1.04-1.7547L84.793,49.9854a8.0391,8.0391,0,0,0-7.8428.09L57,61.5929A8.0243,8.0243,0,0,0,53,68.5216v22.976a8,8,0,0,0,4,6.9283l19.95,11.5185a8.0422,8.0422,0,0,0,7.8433.0879l19.19-10.5311a2,2,0,0,0,1.0378-1.7534v-2.71A2,2,0,0,0,103.0216,93.0379Z"/>
-    </g>
-  </g>
-`,
-]

resources/js/assets/icons/index.js

-import {
-  cilCircle,
-  cilMenu,
-  cilUser,
-  cilAccountLogout,
-  cilPen,
-  cilLockLocked,
-  cilTransfer,
-  cilNotes,
-  cilMoney,
-  cilWc,
-  cilSitemap,
-  cilLoopCircular,
-  cilAt,
-  cilChevronRight,
-  cilCheckCircle,
-  cilXCircle,
-} from '@coreui/icons'
-
-export default {
-  cilCircle,
-  cilMenu,
-  cilAccountLogout,
-  cilUser,
-  cilPen,
-  cilLockLocked,
-  cilTransfer,
-  cilNotes,
-  cilMoney,
-  cilWc,
-  cilSitemap,
-  cilLoopCircular,
-  cilAt,
-  cilChevronRight,
-  cilCheckCircle,
-  cilXCircle,
-}

resources/js/components/AppAutocomplete.vue

-<script setup>
-import { computed, ref } from 'vue'
-
-const props = defineProps({
-  label: {
-    type: String,
-    required: true,
-  },
-  placeholder: {
-    type: String,
-    required: true,
-  },
-  items: {
-    type: Object,
-    required: true,
-  },
-})
-
-const emit = defineEmits(['selected'])
-
-const searchTerm = ref('')
-
-const searchItems = computed(() => {
-  if (searchTerm.value === '') {
-    return []
-  }
-
-  return props.items.filter((item) => {
-    if (
-      item.customer_number.toLowerCase().includes(searchTerm.value.toLowerCase()) ||
-      item.name.toLowerCase().includes(searchTerm.value.toLowerCase()) ||
-      item.phone.toLowerCase().includes(searchTerm.value.toLowerCase())
-    ) {
-      return item
-    }
-  })
-})
-
-const selectedItem = ref('')
-
-const selectData = (item) => {
-  selectedItem.value = item
-  searchTerm.value = item.customer_number
-
-  emit('selected', item)
-}
-</script>
-
-<template>
-  <CFormLabel>{{ label }}</CFormLabel>
-
-  <CFormInput :placeholder="placeholder" v-model="searchTerm" :value="searchTerm"></CFormInput>
-
-  <ul v-if="searchItems.length" class="list-group mt-2">
-    <li
-      v-for="item in searchItems"
-      :key="item.id"
-      @click="selectData(item)"
-      class="list-group-item list-group-item-action"
-    >
-      {{ item.customer_number }} - {{ item.name }} - {{ item.phone }}
-    </li>
-  </ul>
-</template>

resources/js/components/AppBreadCrumb.vue

-<script setup></script>
-
-<template>
-  <CBreadcrumb class="mb-0">
-    <CBreadcrumbItem active>Home</CBreadcrumbItem>
-  </CBreadcrumb>
-</template>

resources/js/components/AppButtonAction.vue

-<template>
-  <CButton type="button" color="link" class="text-danger">
-    <slot />
-  </CButton>
-</template>

resources/js/components/AppButtonCreate.vue

-<script setup>
-defineProps(['disabled'])
-</script>
-
-<template>
-  <CButton type="submit" class="btn-primary px-4" :disabled="disabled">
-    <slot />
-  </CButton>
-</template>

resources/js/components/AppButtonDelete.vue

-<script setup>
-import { Link } from '@inertiajs/inertia-vue3'
-
-defineProps({
-  href: String,
-})
-</script>
-
-<template>
-  <Link :href="href" method="delete" as="button" class="btn btn-primary">
-    <slot />
-  </Link>
-</template>

resources/js/components/AppButtonDetail.vue

-<script setup>
-import { Link } from '@inertiajs/inertia-vue3'
-
-defineProps({
-  href: String,
-})
-</script>
-
-<template>
-  <Link :href="href"><CIcon icon="cil-chevron-right" /></Link>
-</template>

resources/js/components/AppButtonMove.vue

-<script setup>
-import { Link } from '@inertiajs/inertia-vue3'
-
-defineProps({
-  href: String,
-})
-</script>
-
-<template>
-  <Link class="btn btn-primary" :href="href">
-    <slot />
-  </Link>
-</template>

resources/js/components/AppDropdownAccount.vue

-<script setup>
-import { Link } from '@inertiajs/inertia-vue3'
-</script>
-
-<template>
-  <CDropdown variant="nav-item">
-    <CDropdownToggle :caret="false" class="py-0">
-      Your Name
-      <CAvatar size="md" src="/images/avatar-test.jpg" />
-    </CDropdownToggle>
-
-    <CDropdownMenu class="pt-0">
-      <CDropdownHeader class="bg-light fw-semibold py-2">Pengaturan</CDropdownHeader>
-      <CDropdownItem>
-        <CIcon icon="cil-user" />
-        Profile
-      </CDropdownItem>
-      <CDropdownItem>
-        <CIcon icon="cil-pen" />
-        Ubah Password
-      </CDropdownItem>
-
-      <CDropdownDivider />
-
-      <Link :href="route('logout')" method="post" as="button" class="dropdown-item">
-        <CIcon icon="cil-lock-locked" />
-        Logout
-      </Link>
-    </CDropdownMenu>
-  </CDropdown>
-</template>

resources/js/components/AppFlashMessages.vue

-<script setup>
-import { ref, watch, computed } from 'vue'
-import { usePage } from '@inertiajs/inertia-vue3'
-
-const show = ref(true)
-const flashMessage = computed(() => usePage().props.value.flash)
-
-watch(
-  flashMessage,
-  () => {
-    show.value = true
-  },
-  { deep: true }
-)
-</script>
-
-<template>
-  <CRow>
-    <CCol md="8">
-      <CAlert
-        v-if="$page.props.flash.success && show"
-        color="success"
-        dismissible
-        @close="show = false"
-        class="d-flex align-items-center"
-      >
-        <CIcon icon="cil-check-circle" class="flex-shrink-0 me-2" width="24" height="24" />
-        <div>{{ $page.props.flash.success }}</div>
-      </CAlert>
-
-      <CAlert
-        v-if="($page.props.flash.error || Object.keys($page.props.errors).length > 0) && show"
-        color="danger"
-        dismissible
-        @close="show = false"
-        class="d-flex align-items-center"
-      >
-        <CIcon icon="cil-x-circle" class="flex-shrink-0 me-2" width="24" height="24" />
-        <div v-if="$page.props.flash.error">{{ $page.props.flash.error }}</div>
-        <div v-else>
-          <div v-if="Object.keys($page.props.errors).length === 1">Ditemukan satu error pada form</div>
-          <div v-else>Ditemukan {{ Object.keys($page.props.errors).length }} error pada form</div>
-        </div>
-      </CAlert>
-    </CCol>
-  </CRow>
-</template>

resources/js/components/AppFooterCoreUI.vue

-<template>
-  <CFooter>
-    <div>
-      <a href="https://coreui.io" target="_blank">CoreUI</a>
-      <span class="ms-1">&copy; {{ new Date().getFullYear() }} creativeLabs.</span>
-    </div>
-
-    <div class="ms-auto">
-      <span class="me-1" target="_blank">Powered by</span>
-      <a href="https://coreui.io/vue">CoreUI for Vue</a>
-    </div>
-  </CFooter>
-</template>

resources/js/components/AppHeader.vue

-<script setup>
-import { inject } from 'vue'
-
-import AppBreadCrumb from '@/components/AppBreadCrumb.vue'
-import AppDropdownAccount from '@/components/AppDropdownAccount.vue'
-
-const { toggleSidebar } = inject('defaultLayout')
-</script>
-
-<template>
-  <CHeader position="sticky" class="mb-4">
-    <CContainer fluid>
-      <CHeaderToggler class="ps-1" @click="toggleSidebar">
-        <CIcon icon="cil-menu" size="lg" />
-      </CHeaderToggler>
-
-      <CHeaderNav>
-        <AppDropdownAccount />
-      </CHeaderNav>
-    </CContainer>
-
-    <CHeaderDivider />
-
-    <CContainer fluid>
-      <AppBreadCrumb />
-    </CContainer>
-  </CHeader>
-</template>

resources/js/components/AppModalAlert.vue

-<script setup>
-import { inject } from 'vue'
-
-const { modalAlertVisible, toggleModalAlert } = inject('defaultLayout')
-</script>
-
-<template>
-  <CModal alignment="center" backdrop="static" :visible="modalAlertVisible">
-    <CModalBody>
-      <slot />
-    </CModalBody>
-    <CModalFooter>
-      <CButton type="button" class="btn btn-ghost-primary" @click="toggleModalAlert">Tutup</CButton>
-
-      <slot name="footer" />
-    </CModalFooter>
-  </CModal>
-</template>

resources/js/components/AppSelectInput.vue

-<script setup>
-import { computed } from 'vue'
-
-const props = defineProps({
-  label: String,
-  error: String,
-  modelValue: [String, Number, Boolean],
-})
-
-defineEmits(['update:modelValue'])
-
-const isError = computed(() => (props.error ? true : false))
-</script>
-
-<template>
-  <CFormLabel>{{ label }}:</CFormLabel>
-  <CFormSelect :invalid="isError" :value="modelValue" @change="$emit('update:modelValue', $event.target.value)">
-    <option></option>
-    <slot />
-  </CFormSelect>
-  <CFormFeedback invalid>{{ error }}</CFormFeedback>
-</template>

resources/js/components/AppSidebar.vue

-<script setup>
-import { inject } from 'vue'
-
-import logoNegative from '@/assets/brand/logoNegative'
-import sygnet from '@/assets/brand/sygnet'
-import AppSidebarNav from '@/components/AppSidebarNav'
-
-const { sidebarVisible, sidebarUnfoldable, toggleUnfoldable } = inject('defaultLayout')
-</script>
-
-<template>
-  <CSidebar position="fixed" :visible="sidebarVisible" :unfoldable="sidebarUnfoldable">
-    <CSidebarBrand>
-      <CIcon custom-class-name="sidebar-brand-full" :icon="logoNegative" height="35" />
-      <CIcon custom-class-name="sidebar-brand-narrow" :icon="sygnet" height="35" />
-    </CSidebarBrand>
-
-    <AppSidebarNav :url="$page.url" />
-
-    <CSidebarToggler class="d-none d-lg-flex" @click="toggleUnfoldable" />
-  </CSidebar>
-</template>

resources/js/components/AppSidebarNav.js

-import { h, defineComponent, resolveComponent } from 'vue'
-import { Link } from '@inertiajs/inertia-vue3'
-
-import nav from '@/utils/nav'
-
-const SidebarNav = defineComponent({
-  props: ['url'],
-  setup(props) {
-    const renderItem = (item, url) => {
-      if (item.items) {
-        h(
-          resolveComponent('CNavGroup'),
-          {},
-          {
-            toggleContent: () => [
-              h(resolveComponent('CIcon'), {
-                customClassName: 'nav-icon',
-                icon: item.icon,
-              }),
-              item.name,
-            ],
-            default: () => item.items.renderItem(child),
-          }
-        )
-      }
-
-      return item.to
-        ? h(
-            resolveComponent(item.component),
-            {},
-            {
-              default: () =>
-                h(
-                  Link,
-                  {
-                    href: item.to,
-                    class: ['nav-link', { active: url === item.to }],
-                  },
-                  {
-                    default: () => [
-                      item.icon &&
-                        h(resolveComponent('CIcon'), {
-                          customClassName: 'nav-icon',
-                          name: item.icon,
-                        }),
-                      item.name,
-                      item.badge &&
-                        h(
-                          resolveComponent('CBadge'),
-                          {
-                            class: 'ms-auto',
-                            color: item.badge.color,
-                          },
-                          {
-                            default: () => item.badge.text,
-                          }
-                        ),
-                    ],
-                  }
-                ),
-            }
-          )
-        : h(resolveComponent(item.component), {}, { default: () => item.name })
-    }
-
-    return () =>
-      h(
-        resolveComponent('CSidebarNav'),
-        {},
-        {
-          default: () => nav.map((item) => renderItem(item, props.url)),
-        }
-      )
-  },
-})
-
-export default SidebarNav

resources/js/components/AppTable.vue

-<template>
-  <CCard color="light" class="border-light">
-    <CCardBody>
-      <CTable responsive hover>
-        <CTableHead>
-          <slot name="table-head" />
-        </CTableHead>
-        <CTableBody>
-          <slot name="table-body" />
-        </CTableBody>
-      </CTable>
-    </CCardBody>
-  </CCard>
-</template>

resources/js/components/AppTextInput.vue

-<script setup>
-import { computed } from 'vue'
-
-const props = defineProps({
-  label: String,
-  placeholder: String,
-  error: String,
-  modelValue: [String, Number, Boolean],
-})
-
-defineEmits(['update:modelValue'])
-
-const isError = computed(() => (props.error ? true : false))
-</script>
-
-<template>
-  <CFormLabel>{{ label }}:</CFormLabel>
-  <CFormInput
-    :placeholder="placeholder"
-    :invalid="isError"
-    :value="modelValue"
-    @input="$emit('update:modelValue', $event.target.value)"
-  />
-  <CFormFeedback invalid>{{ error }}</CFormFeedback>
-</template>

resources/js/layouts/DefaultLayout.vue

-<script setup>
-import { provide, ref } from 'vue'
-
-import AppHeader from '@/components/AppHeader.vue'
-import AppSidebar from '@/components/AppSidebar.vue'
-import AppFooterCoreUI from '@/components/AppFooterCoreUI.vue'
-import AppFlashMessages from '@/components/AppFlashMessages.vue'
-
-const sidebarVisible = ref(true)
-const toggleSidebar = () => (sidebarVisible.value = !sidebarVisible.value)
-
-const sidebarUnfoldable = ref(false)
-const toggleUnfoldable = () => (sidebarUnfoldable.value = !sidebarUnfoldable.value)
-
-const modalAlertVisible = ref(false)
-const toggleModalAlert = () => (modalAlertVisible.value = !modalAlertVisible.value)
-
-provide('defaultLayout', {
-  sidebarVisible,
-  toggleSidebar,
-  sidebarUnfoldable,
-  toggleUnfoldable,
-  modalAlertVisible,
-  toggleModalAlert,
-})
-</script>
-
-<template>
-  <AppSidebar />
-
-  <div class="wrapper">
-    <AppHeader />
-
-    <CContainer fluid>
-      <AppFlashMessages />
-
-      <slot :toggleModalAlert="toggleModalAlert" />
-    </CContainer>
-
-    <AppFooterCoreUI />
-  </div>
-</template>
-
-<style lang="scss">
-@import '@coreui/coreui/scss/coreui';
-
-.wrapper {
-  width: 100%;
-  @include ltr-rtl('padding-left', var(--cui-sidebar-occupy-start, 0));
-  will-change: auto;
-  @include transition(padding 0.15s);
-}
-</style>

resources/js/utils/nav.js

-export default [
-  {
-    component: 'CNavTitle',
-    name: 'Menu',
-  },
-  {
-    component: 'CNavItem',
-    name: 'Transaksi',
-    to: '/transactions',
-    icon: 'cil-transfer',
-  },
-  {
-    component: 'CNavItem',
-    name: 'Laporan',
-    to: '/invoices',
-    icon: 'cil-notes',
-  },
-  {
-    component: 'CNavItem',
-    name: 'Pengeluaran',
-    to: '/expenses',
-    icon: 'cil-money',
-  },
-  {
-    component: 'CNavTitle',
-    name: 'Master',
-  },
-  {
-    component: 'CNavItem',
-    name: 'User',
-    to: '/users',
-    icon: 'cil-user',
-  },
-  {
-    component: 'CNavItem',
-    name: 'Customer',
-    to: '/customers',
-    icon: 'cil-wc',
-  },
-  {
-    component: 'CNavItem',
-    name: 'Outlet / Cabang',
-    to: '/outlets',
-    icon: 'cil-sitemap',
-  },
-  {
-    component: 'CNavItem',
-    name: 'Laundry',
-    to: '/laundries',
-    icon: 'cil-loop-circular',
-  },
-]

resources/js/vue.js

-import 'bootstrap/dist/css/bootstrap.min.css'
-import '@coreui/coreui/dist/css/coreui.min.css'
 import 'primevue/resources/themes/tailwind-light/theme.css'
 import 'primevue/resources/primevue.min.css'
 import 'primeflex/primeflex.css'
 import { createInertiaApp } from '@inertiajs/inertia-vue3'
 import { InertiaProgress } from '@inertiajs/progress'
 import PrimeVue from 'primevue/config'
-import CoreuiVue from '@coreui/vue'
-import CIcon from '@coreui/icons-vue'
 import StyleClass from 'primevue/styleclass'
 import Button from 'primevue/button'
 import Column from 'primevue/column'
 import Ripple from 'primevue/ripple'
 import Tooltip from 'primevue/tooltip'
 
-import icons from '@/assets/icons'
-
 createInertiaApp({
   resolve: (name) => import(`./pages/${name}`),
   setup({ el, App, props, plugin }) {
     createApp({ render: () => h(App, props) })
       .use(plugin)
-      .use(CoreuiVue)
       .use(PrimeVue, { ripple: true })
       .mixin({ methods: { route } })
-      .provide('icons', icons)
       .directive('styleclass', StyleClass)
       .directive('ripple', Ripple)
       .directive('tooltip', Tooltip)
-      .component('CIcon', CIcon)
       .component('Button', Button)
       .component('Column', Column)
       .component('Card', Card)

yarn.lock

     "@babel/helper-validator-identifier" "^7.16.7"
     to-fast-properties "^2.0.0"
 
-"@coreui/coreui@^4.1.0":
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/@coreui/coreui/-/coreui-4.1.0.tgz#24abbd88ead2fef0360a208ac752f2bb8e4a8f7d"
-  integrity sha512-2iMKPpxXquN3ZyL44s6Urvsnk03iw+KuJk/AKz5spSgKReUr7AM3WEiaTNFNo1/ZypB67pg0966tT22BSmgkGg==
-
-"@coreui/icons-vue@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@coreui/icons-vue/-/icons-vue-2.0.0.tgz#722e55f74badba58fdf0ab6f83ffa54deffbcbb3"
-  integrity sha512-3OLOv6TExmi93kapV4n9kmJ36fqxTHv3Vn/SPGAUX1btwf0wCmXen4xF3A8OdLEwR0i6Ggqw+MY/T7WjA6k2xg==
-
-"@coreui/icons@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@coreui/icons/-/icons-2.1.0.tgz#b21641d3d034fdef308c87dc347c8684c408a753"
-  integrity sha512-3yY9J0088TSY403jwJeP5YERH3RLOvxdhOa4VIQsGOX4fuQZiyVUM+vwlzyCSpgAv9NwKPkCor+gc+JJaYf0TA==
-
-"@coreui/vue@^4.1.2":
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/@coreui/vue/-/vue-4.1.2.tgz#ea23cc5ad4062ca5a3c088df1c05fd696afe35bc"
-  integrity sha512-JN/kBZMLaEsB+8MPx6i/tmJniCaXw1TBSqgITD3XUWv37pJdE+hWcymO9iCwW3wvnefvMp3Qx6dSnmdFMDFNMA==
-
 "@discoveryjs/json-ext@^0.5.0":
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.6.tgz#d5e0706cf8c6acd8c6032f8d54070af261bbbb2f"
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
 
-bootstrap@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-5.1.3.tgz#ba081b0c130f810fa70900acbc1c6d3c28fa8f34"
-  integrity sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q==
-
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"