web/app/plugins/04-components.js

import { defineNuxtPlugin } from "#app";
import Dashboard from '@/components/dashboard/Dashboard.vue';
import Orders from '@/components/orders/Orders.vue';
import Inventory from '@/components/inventory/Inventory.vue';
import Rights from '@/components/rights/Rights.vue';
import POS from '@/components/pos/POS.vue';
import Receipts from '@/components/receipts/Receipts.vue';
import Imports from '@/components/imports/Imports.vue';
import Exports from '@/components/exports/Exports.vue';
import InventoryTransfer from '@/components/inventory-transfer/InventoryTransfer.vue';
import InventoryCount from '@/components/inventory-count/InventoryCount.vue';
import CashBook from '@/components/cash-book/CashBook.vue';
import NCC from '@/components/report/NCC.vue';
import Customers from '@/components/report/Customers.vue';
import Goods from '@/components/report/Goods.vue';
import ReportCashBook from '@/components/report/CashBook.vue';
import Finance from '@/components/report/Finance.vue';
import Notebox from "~/components/common/Notebox.vue";
import ProductCountbox from "~/components/common/ProductCountbox.vue";
import SvgIcon from "~/components/SvgIcon.vue";
import DataView from "~/components/datatable/DataView.vue";
import PivotDataView from "~/components/datatable/PivotDataView.vue";
import PickDay from "~/components/datepicker/PickDay.vue";
import Datepicker from "~/components/datepicker/Datepicker.vue";
import ImageGallery from "~/components/media/ImageGallery.vue";
import FileGallery from "~/components/media/FileGallery.vue";
import FileUpload from "~/components/media/FileUpload.vue";
import FileShow from "~/components/media/FileShow.vue";
import ChipImage from "~/components/media/ChipImage.vue";
import Avatarbox from "~/components/common/Avatarbox.vue";
import Email from "~/components/marketing/email/Email.vue";
import ViewList from "~/components/common/ViewList.vue";
import InternalEntry from "~/components/modal/InternalEntry.vue"

import Configuration from "~/components/maintab/Configuration.vue";
import DebtView from "~/components/accounting/DebtView.vue";

//format
import FormatNumber from "~/components/datatable/format/FormatNumber.vue";
import DataTable from "~/components/datatable/DataTable.vue";
import DataModel from "~/components/datatable/DataModel.vue";
import InputNumber from "~/components/common/InputNumber.vue";
import ColorText from "~/components/datatable/format/ColorText.vue";

//menu
import MenuAction from "~/components/menu/MenuAction.vue";
import MenuApp from "~/components/menu/MenuApp.vue";
import MenuCust from "~/components/menu/MenuCust.vue";
import MenuPhone from "~/components/menu/MenuPhone.vue";
import MenuParam from "~/components/menu/MenuParam.vue";
import MenuAdd from "~/components/menu/MenuAdd.vue";
import MenuCollab from "~/components/menu/MenuCollab.vue";
import MenuNote from "~/components/menu/MenuNote.vue";
import MenuPayment from "~/components/menu/MenuPayment.vue";
import ScrollBox from "~/components/datatable/ScrollBox.vue";
import Viewer from "~/components/viewer/Viewer.vue";
import Product from "~/components/product/Product.vue";
import Reservation from "~/components/modal/Reservation.vue";
import UserMainTab from "~/components/modal/UserMainTab.vue";
import TransactionFiles from "~/components/transaction/TransactionFiles.vue";
import PaymentSchedule from "~/components/application/PaymentSchedule.vue";
import TransactionView from "~/components/transaction/TransactionView.vue";
import ContractPaymentUpload from "~/components/application/ContractPaymentUpload.vue";
import CountWithAdd from "~/components/common/CountWithAdd.vue";
import CalculationView from "~/components/application/CalculationView.vue";
import InternalAccount from "~/components/accounting/InternalAccount.vue";
import MenuAccount from "~/components/menu/MenuAccount.vue";
import PhaseAdvance from "~/components/application/PhaseAdvance.vue";
import ImageLayout from '@/components/media/ImageLayout.vue';
import ProjectDocuments from '~/components/product/ProjectDocuments.vue';
import ProductEdit from '~/components/product/ProductEdit.vue';

import Cart from '~/components/product/Cart.vue'
import CountdownTimer from '~/components/common/CountdownTimer.vue'
import CustomerInfo2 from '~/components/customer/CustomerInfo2.vue'
import MenuFile from '~/components/menu/MenuFile.vue'
import DebtProduct from '~/components/accounting/DebtProduct.vue'
import DebtCustomer from '~/components/accounting/DebtCustomer.vue'
import Due from '~/components/debt/Due.vue';
import Overdue from '@/components/debt/Overdue.vue';

const components = {
  DebtView,
  PivotDataView,
  PaymentSchedule,
  CustomerInfo2,
  CountdownTimer,
  PhaseAdvance,
  InternalEntry,
  ViewList,
  ColorText,
  CalculationView,
  CountWithAdd,
  ContractPaymentUpload,
  TransactionView,
  TransactionFiles,
  Reservation,
  Notebox,
  ProductCountbox,
  MenuAction,
  Email,
  SvgIcon,
  Datepicker,
  PickDay,
  ImageGallery,
  FileGallery,
  FileUpload,
  FileShow,
  DataView,
  ChipImage,
  Avatarbox,
  DataTable,
  Configuration,
  InputNumber,
  MenuPhone,
  MenuParam,
  ScrollBox,
  MenuPayment,
  DataModel,
  FormatNumber,
  MenuApp,
  MenuCust,
  MenuAdd,
  MenuCollab,
  MenuNote,
  Viewer,
  Product,
  UserMainTab,
  InternalAccount,
  MenuAccount,
  ImageLayout,
  ProjectDocuments,
  Cart,
  MenuFile,
  DebtProduct,
  DebtCustomer,
  Due,
  Overdue,
  Dashboard,
  Orders,
  Inventory,
  Rights,
  POS,
  Receipts,
  Imports,
  Exports,
  InventoryTransfer,
  InventoryCount,
  CashBook,
  NCC,
  Customers,
  Goods,
  ReportCashBook,
  Finance,
};

export default defineNuxtPlugin((nuxtApp) => {
  Object.entries(components).forEach(([name, component]) => {
    nuxtApp.vueApp.component(name, component);
  });
});