Ditch global components

resources/scripts/admin/components/custom-fields/CreateCustomFields.vue

@@ -24,6 +24,7 @@ import lodash from 'lodash'
 import { useCustomFieldStore } from '@/scripts/admin/stores/custom-field'
 import { watch } from 'vue'
 import SingleField from './CreateCustomFieldsSingle.vue'
+import BaseInputGrid from '@/scripts/components/base/BaseInputGrid.vue'
 
 const customFieldStore = useCustomFieldStore()
 

resources/scripts/admin/components/custom-fields/CreateCustomFieldsSingle.vue

@@ -19,6 +19,7 @@ import { defineAsyncComponent, computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { helpers, requiredIf } from '@vuelidate/validators'
 import useVuelidate from '@vuelidate/core'
+import BaseInputGroup from '@/scripts/components/base/BaseInputGroup.vue'
 
 const props = defineProps({
   field: {

resources/scripts/admin/components/custom-fields/types/DateTimeType.vue

@@ -5,6 +5,7 @@
 <script setup>
 import moment from 'moment'
 import { computed } from 'vue'
+import BaseDatePicker from '@/scripts/components/base/BaseDatePicker.vue'
 
 const props = defineProps({
   modelValue: {

resources/scripts/admin/components/custom-fields/types/DateType.vue

@@ -5,6 +5,7 @@
 <script setup>
 import { computed } from 'vue'
 import moment from 'moment'
+import BaseDatePicker from '@/scripts/components/base/BaseDatePicker.vue'
 
 const props = defineProps({
   modelValue: {

resources/scripts/admin/components/custom-fields/types/DropdownType.vue

@@ -10,6 +10,7 @@
 
 <script setup>
 import { computed } from 'vue'
+import BaseMultiselect from '@/scripts/components/base-select/BaseMultiselect.vue'
 
 const props = defineProps({
   modelValue: {

resources/scripts/admin/components/custom-fields/types/InputType.vue

@@ -4,6 +4,7 @@
 
 <script setup>
 import { computed } from 'vue'
+import BaseInput from '@/scripts/components/base/BaseInput.vue'
 
 const props = defineProps({
   modelValue: {

resources/scripts/admin/components/custom-fields/types/NumberType.vue

@@ -4,6 +4,7 @@
 
 <script setup>
 import { computed } from 'vue'
+import BaseInput from '@/scripts/components/base/BaseInput.vue'
 
 const props = defineProps({
   modelValue: {

resources/scripts/admin/components/custom-fields/types/PhoneType.vue

@@ -4,6 +4,7 @@
 
 <script setup>
 import { computed } from 'vue'
+import BaseInput from '@/scripts/components/base/BaseInput.vue'
 
 const props = defineProps({
   modelValue: {

resources/scripts/admin/components/custom-fields/types/SwitchType.vue

@@ -4,6 +4,7 @@
 
 <script setup>
 import { computed } from 'vue'
+import BaseSwitch from '@/scripts/components/base/BaseSwitch.vue'
 
 const props = defineProps({
   modelValue: {

resources/scripts/admin/components/custom-fields/types/TextAreaType.vue

@@ -4,6 +4,7 @@
 
 <script setup>
 import { computed } from 'vue'
+import BaseTextarea from '@/scripts/components/base/BaseTextarea.vue'
 
 const props = defineProps({
   modelValue: {

resources/scripts/admin/components/custom-fields/types/TimeType.vue

@@ -5,6 +5,7 @@
 <script setup>
 import { computed } from 'vue'
 import moment from 'moment'
+import BaseTimePicker from '@/scripts/components/base/BaseTimePicker.vue'
 
 const props = defineProps({
   modelValue: {

resources/scripts/admin/components/custom-fields/types/UrlType.vue

@@ -4,6 +4,7 @@
 
 <script setup>
 import { computed } from 'vue'
+import BaseInput from '@/scripts/components/base/BaseInput.vue'
 
 const props = defineProps({
   modelValue: {