Ditch global components

This commit is contained in:
Darko Gjorgjijoski
2025-01-12 17:53:44 +01:00
parent fcf64c0b26
commit 8160b53689
220 changed files with 1175 additions and 39 deletions

View File

@@ -97,6 +97,12 @@ import { useModalStore } from '@/scripts/stores/modal'
import { useDiskStore } from '@/scripts/admin/stores/disk'
import { required, helpers } from '@vuelidate/validators'
import { useVuelidate } from '@vuelidate/core'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
let table = ref(null)
let isSaving = ref(false)

View File

@@ -92,6 +92,13 @@ import { computed, ref } from 'vue'
import { required, minLength, maxLength, helpers } from '@vuelidate/validators'
import { useVuelidate } from '@vuelidate/core'
import { useI18n } from 'vue-i18n'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseTextarea from '@/scripts/components/base/BaseTextarea.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const categoryStore = useCategoryStore()
const modalStore = useModalStore()

View File

@@ -137,6 +137,16 @@ import { useVuelidate } from '@vuelidate/core'
import { useCompanyStore } from '@/scripts/admin/stores/company'
import { useGlobalStore } from '@/scripts/admin/stores/global'
import { useRouter } from 'vue-router'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseFileUploader from '@/scripts/components/base/BaseFileUploader.vue'
import BaseContentPlaceholdersBox from '@/scripts/components/base/BaseContentPlaceholdersBox.vue'
import BaseContentPlaceholders from '@/scripts/components/base/BaseContentPlaceholders.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const router = useRouter()
const companyStore = useCompanyStore()

View File

@@ -476,6 +476,17 @@ import { useInvoiceStore } from '@/scripts/admin/stores/invoice'
import CopyInputField from '@/scripts/admin/components/CopyInputField.vue'
import { useNotificationStore } from '@/scripts/stores/notification'
import { useRecurringInvoiceStore } from '@/scripts/admin/stores/recurring-invoice'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseTextarea from '@/scripts/components/base/BaseTextarea.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseTab from '@/scripts/components/base/BaseTab.vue'
import BaseSwitch from '@/scripts/components/base/BaseSwitch.vue'
import BaseTabGroup from '@/scripts/components/base/BaseTabGroup.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const recurringInvoiceStore = useRecurringInvoiceStore()
const modalStore = useModalStore()

View File

@@ -77,6 +77,11 @@ import { required, minLength, helpers, sameAs } from '@vuelidate/validators'
import { useVuelidate } from '@vuelidate/core'
import { useCompanyStore } from '@/scripts/admin/stores/company'
import { useGlobalStore } from '@/scripts/admin/stores/global'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const companyStore = useCompanyStore()
const modalStore = useModalStore()

View File

@@ -8,6 +8,7 @@
import { computed, ref, watch } from 'vue'
import ExchangeRateBulkUpdate from '@/scripts/admin/components/currency-exchange-rate/ExchangeRateBulkUpdate.vue'
import { useModalStore } from '@/scripts/stores/modal'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const modalStore = useModalStore()

View File

@@ -199,6 +199,15 @@ import {
requiredIf,
url,
} from '@vuelidate/validators'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseInfoAlert from '@/scripts/components/base/BaseInfoAlert.vue'
import BaseSwitch from '@/scripts/components/base/BaseSwitch.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const { t } = useI18n()

View File

@@ -62,8 +62,14 @@ import Local from '@/scripts/admin/components/modal-components/disks/LocalDisk.v
import S3 from '@/scripts/admin/components/modal-components/disks/S3Disk.vue'
import S3compat from '@/scripts/admin/components/modal-components/disks/S3CompatDisk.vue'
import DoSpaces from '@/scripts/admin/components/modal-components/disks/DoSpacesDisk.vue'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
export default {
components: {
BaseModal,
BaseButton,
BaseIcon,
Dropbox,
Local,
S3,

View File

@@ -137,6 +137,15 @@ import { useTaxTypeStore } from '@/scripts/admin/stores/tax-type'
import { useNotificationStore } from '@/scripts/stores/notification'
import { useEstimateStore } from '@/scripts/admin/stores/estimate'
import { useInvoiceStore } from '@/scripts/admin/stores/invoice'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseTextarea from '@/scripts/components/base/BaseTextarea.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseMoney from '@/scripts/components/base/BaseMoney.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const emit = defineEmits(['newItem'])

View File

@@ -78,6 +78,11 @@ import { computed, ref, watch } from 'vue'
import { required, minLength, maxLength, helpers } from '@vuelidate/validators'
import { useVuelidate } from '@vuelidate/core'
import { useI18n } from 'vue-i18n'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const itemStore = useItemStore()
const modalStore = useModalStore()

View File

@@ -96,6 +96,13 @@ import { required, email, maxLength, helpers } from '@vuelidate/validators'
import useVuelidate from '@vuelidate/core'
import { useModalStore } from '@/scripts/stores/modal'
import { useMailDriverStore } from '@/scripts/admin/stores/mail-driver'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseTextarea from '@/scripts/components/base/BaseTextarea.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
let isSaving = ref(false)
let formData = reactive({

View File

@@ -110,6 +110,14 @@ import { useNotesStore } from '@/scripts/admin/stores/note'
import { useInvoiceStore } from '@/scripts/admin/stores/invoice'
import { usePaymentStore } from '@/scripts/admin/stores/payment'
import { useEstimateStore } from '@/scripts/admin/stores/estimate'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseCustomInput from '@/scripts/components/base/BaseCustomInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const modalStore = useModalStore()
const notificationStore = useNotificationStore()

View File

@@ -68,6 +68,11 @@ import { useI18n } from 'vue-i18n'
import { required, minLength, helpers } from '@vuelidate/validators'
import { useVuelidate } from '@vuelidate/core'
import { useModalStore } from '@/scripts/stores/modal'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const modalStore = useModalStore()
const paymentStore = usePaymentStore()

View File

@@ -156,6 +156,12 @@ import { required, minLength, helpers } from '@vuelidate/validators'
import { useVuelidate } from '@vuelidate/core'
import { useRoleStore } from '@/scripts/admin/stores/role'
import { useModalStore } from '@/scripts/stores/modal'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseCheckbox from '@/scripts/components/base/BaseCheckbox.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const modalStore = useModalStore()
const roleStore = useRoleStore()

View File

@@ -88,6 +88,10 @@
import { ref, computed } from 'vue'
import { useModalStore } from '@/scripts/stores/modal'
import { useUserStore } from '@/scripts/admin/stores/user'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseCheckbox from '@/scripts/components/base/BaseCheckbox.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const modalStore = useModalStore()
const userStore = useUserStore()

View File

@@ -142,6 +142,13 @@ import { useEstimateStore } from '@/scripts/admin/stores/estimate'
import { useNotificationStore } from '@/scripts/stores/notification'
import { useCompanyStore } from '@/scripts/admin/stores/company'
import { useMailDriverStore } from '@/scripts/admin/stores/mail-driver'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseCustomInput from '@/scripts/components/base/BaseCustomInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const modalStore = useModalStore()
const estimateStore = useEstimateStore()

View File

@@ -155,6 +155,13 @@ import { useInvoiceStore } from '@/scripts/admin/stores/invoice'
import { useVuelidate } from '@vuelidate/core'
import { required, email, helpers } from '@vuelidate/validators'
import { useMailDriverStore } from '@/scripts/admin/stores/mail-driver'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseCustomInput from '@/scripts/components/base/BaseCustomInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const modalStore = useModalStore()
const companyStore = useCompanyStore()

View File

@@ -156,6 +156,13 @@ import { useNotificationStore } from '@/scripts/stores/notification'
import { useModalStore } from '@/scripts/stores/modal'
import { useMailDriverStore } from '@/scripts/admin/stores/mail-driver'
import { useDialogStore } from '@/scripts/stores/dialog'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseCustomInput from '@/scripts/components/base/BaseCustomInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const paymentStore = usePaymentStore()
const companyStore = useCompanyStore()

View File

@@ -135,6 +135,14 @@ import {
helpers,
} from '@vuelidate/validators'
import { useVuelidate } from '@vuelidate/core'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseTextarea from '@/scripts/components/base/BaseTextarea.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseMoney from '@/scripts/components/base/BaseMoney.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const taxTypeStore = useTaxTypeStore()
const modalStore = useModalStore()

View File

@@ -123,6 +123,13 @@ import { useGlobalStore } from '@/scripts/admin/stores/global'
import { useI18n } from 'vue-i18n'
import { helpers, required } from '@vuelidate/validators'
import { useVuelidate } from '@vuelidate/core'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseTextarea from '@/scripts/components/base/BaseTextarea.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const modalStore = useModalStore()
const globalStore = useGlobalStore()

View File

@@ -222,6 +222,14 @@ import { required, numeric, helpers } from '@vuelidate/validators'
import { useModalStore } from '@/scripts/stores/modal'
import { useCustomFieldStore } from '@/scripts/admin/stores/custom-field'
import { useI18n } from 'vue-i18n'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseButton from '@/scripts/components/base/BaseButton.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseSwitch from '@/scripts/components/base/BaseSwitch.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
import BaseModal from '@/scripts/components/base/BaseModal.vue'
const modalStore = useModalStore()
const customFieldStore = useCustomFieldStore()

View File

@@ -19,6 +19,8 @@
<script setup>
import { ref } from 'vue'
import BaseIcon from '@/scripts/components/base/BaseIcon.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
const emit = defineEmits(['onAdd'])

View File

@@ -170,7 +170,13 @@ import { computed, onBeforeUnmount, reactive, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import useVuelidate from '@vuelidate/core'
import { required, url, helpers } from '@vuelidate/validators'
import BaseSwitch from '@/scripts/components/base/BaseSwitch.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
export default {
components: { BaseInputGrid, BaseMultiselect, BaseInputGroup, BaseInput, BaseSwitch },
props: {
isEdit: {
type: Boolean,

View File

@@ -149,7 +149,13 @@ import { reactive, ref, computed, onBeforeUnmount } from 'vue'
import { useI18n } from 'vue-i18n'
import useVuelidate from '@vuelidate/core'
import { required, helpers } from '@vuelidate/validators'
import BaseSwitch from '@/scripts/components/base/BaseSwitch.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
export default {
components: { BaseInputGrid, BaseMultiselect, BaseInputGroup, BaseInput, BaseSwitch },
props: {
isEdit: {
type: Boolean,

View File

@@ -80,8 +80,14 @@ import { computed, onBeforeUnmount, reactive, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import useVuelidate from '@vuelidate/core'
import { required, helpers } from '@vuelidate/validators'
import BaseSwitch from '@/scripts/components/base/BaseSwitch.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
export default {
components: { BaseInputGrid, BaseMultiselect, BaseInputGroup, BaseInput, BaseSwitch },
props: {
isEdit: {
type: Boolean,

View File

@@ -169,7 +169,13 @@ import { computed, onBeforeUnmount, reactive, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import useVuelidate from '@vuelidate/core'
import { required, helpers } from '@vuelidate/validators'
import BaseSwitch from '@/scripts/components/base/BaseSwitch.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
export default {
components: { BaseInputGrid, BaseMultiselect, BaseInputGroup, BaseInput, BaseSwitch },
props: {
isEdit: {
type: Boolean,

View File

@@ -151,7 +151,13 @@ import { computed, onBeforeUnmount, reactive, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import useVuelidate from '@vuelidate/core'
import { required, helpers } from '@vuelidate/validators'
import BaseSwitch from '@/scripts/components/base/BaseSwitch.vue'
import BaseInput from '@/scripts/components/base/BaseInput.vue'
import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
export default {
components: { BaseInputGrid, BaseMultiselect, BaseInputGroup, BaseInput, BaseSwitch },
props: {
isEdit: {
type: Boolean,