Complete scripts-v2 TypeScript migration — all imports resolved,

build passes

Create all missing components (modals, dropdowns, icons, tabs, mail
drivers, customer partials), fix all @/scripts/ imports to @v2/,
wire up vite entry point and blade template. 382 files, 48883 lines.

- 27 settings components: modals (tax, payment, custom field, note,
  category, role, exchange rate, unit, mail test), dropdowns (6),
  customization tabs (4), mail driver forms (4)
- 22 icon components: 5 utility icons, 4 dashboard icons, 13 editor
  toolbar icons with typed barrel export
- 3 customer components: info, chart placeholder, custom fields single
- Fixed usePopper composable, client/format-money import patterns
- Zero remaining @/scripts/ imports in scripts-v2/

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

resources/scripts-v2/components/base/BaseButton.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import SpinnerIcon from '@/scripts/components/icons/SpinnerIcon.vue'
+import SpinnerIcon from '@v2/components/icons/SpinnerIcon.vue'
 
 type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
 type ButtonVariant =

resources/scripts-v2/components/base/BaseCustomerAddressDisplay.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Address, Country } from '../../types/domain'
+import type { Address, Country } from '@v2/types/domain'
 
 interface DisplayAddress {
   address_street_1?: string | null

resources/scripts-v2/components/base/BaseCustomerSelectPopup.vue

@@ -4,10 +4,10 @@ import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useDebounceFn } from '@vueuse/core'
 import { useRoute } from 'vue-router'
-import { usePermissions } from '../../composables/use-permissions'
-import { useModal } from '../../composables/use-modal'
-import { ABILITIES } from '../../config/abilities'
-import type { Customer, Address } from '../../types/domain'
+import { usePermissions } from '@v2/composables/use-permissions'
+import { useModal } from '@v2/composables/use-modal'
+import { ABILITIES } from '@v2/config/abilities'
+import type { Customer, Address } from '@v2/types/domain'
 
 type DocumentType = 'estimate' | 'invoice' | 'recurring-invoice'
 

resources/scripts-v2/components/base/BaseDatePicker.vue

@@ -81,8 +81,8 @@ import { Vietnamese } from 'flatpickr/dist/l10n/vn.js'
 import { Mandarin } from 'flatpickr/dist/l10n/zh.js'
 import type { CustomLocale, Locale } from 'flatpickr/dist/types/locale'
 import { computed, reactive, watch, ref, useSlots } from 'vue'
-import { useCompanyStore } from '@/scripts/admin/stores/company'
-import { useUserStore } from '@/scripts/admin/stores/user'
+import { useCompanyStore } from '@v2/stores/company.store'
+import { useUserStore } from '@v2/stores/user.store'
 
 interface FlatPickrInstance {
   fp: { open: () => void }

resources/scripts-v2/components/base/BaseDialog.vue

@@ -144,7 +144,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useDialogStore } from '@/scripts/stores/dialog'
+import { useDialogStore } from '@v2/stores/dialog.store'
 import {
   Dialog,
   DialogOverlay,

resources/scripts-v2/components/base/BaseDropdown.vue

@@ -38,7 +38,7 @@
 <script setup lang="ts">
 import { Menu, MenuButton, MenuItems } from '@headlessui/vue'
 import { computed, ref } from 'vue'
-import { usePopper } from '@/scripts/helpers/use-popper'
+import { usePopper } from '@v2/composables/use-popper'
 
 interface Props {
   containerClass?: string

resources/scripts-v2/components/base/BaseFileUploader.vue

@@ -379,8 +379,8 @@
 
 <script setup lang="ts">
 import { ref, onMounted, watch } from 'vue'
-import http from '@/scripts/http'
-import utils from '@/scripts/helpers/utilities'
+import { client as http } from '@v2/api/client'
+import * as utils from '@v2/utils/format-money'
 
 interface LocalFile {
   fileObject?: File

resources/scripts-v2/components/base/BaseGlobalLoader.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script setup lang="ts">
-import MainLogo from '@/scripts/components/icons/MainLogo.vue'
+import MainLogo from '@v2/components/icons/MainLogo.vue'
 
 interface Props {
   showBgOverlay?: boolean

resources/scripts-v2/components/base/BaseItemSelect.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { computed, reactive, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { usePermissions } from '../../composables/use-permissions'
-import { useModal } from '../../composables/use-modal'
-import { ABILITIES } from '../../config/abilities'
-import type { Item } from '../../types/domain'
-import type { Tax } from '../../types/domain'
+import { usePermissions } from '@v2/composables/use-permissions'
+import { useModal } from '@v2/composables/use-modal'
+import { ABILITIES } from '@v2/config/abilities'
+import type { Item } from '@v2/types/domain'
+import type { Tax } from '@v2/types/domain'
 
 interface LineItem {
   item_id: number | null

resources/scripts-v2/components/base/BaseModal.vue

@@ -92,7 +92,7 @@
 </template>
 
 <script setup lang="ts">
-import { useModalStore } from '@/scripts/stores/modal'
+import { useModalStore } from '@v2/stores/modal.store'
 import { computed, watchEffect, useSlots } from 'vue'
 import {
   Dialog,

resources/scripts-v2/components/base/BaseMoney.vue

@@ -19,7 +19,7 @@
 import { computed } from 'vue'
 import { Money3Component } from 'v-money3'
 
-import { useCompanyStore } from '@/scripts/admin/stores/company'
+import { useCompanyStore } from '@v2/stores/company.store'
 
 const money3 = Money3Component
 

resources/scripts-v2/components/base/EstimateStatusBadge.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { EstimateStatus } from '../../types/domain'
+import { EstimateStatus } from '@v2/types/domain'
 
 interface Props {
   status?: EstimateStatus | string

resources/scripts-v2/components/base/InvoiceInformationCard.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { Invoice } from '../../types/domain'
-import type { Currency } from '../../types/domain'
-import type { Company } from '../../types/domain'
-import type { Customer } from '../../types/domain'
+import type { Invoice } from '@v2/types/domain'
+import type { Currency } from '@v2/types/domain'
+import type { Company } from '@v2/types/domain'
+import type { Customer } from '@v2/types/domain'
 
 interface InvoiceInfo {
   paid_status: string

resources/scripts-v2/components/base/InvoicePublicPage.vue

@@ -2,9 +2,9 @@
 import { ref, computed } from 'vue'
 import type { Ref, ComputedRef } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import type { Currency } from '../../types/domain'
-import type { Company } from '../../types/domain'
-import type { Customer } from '../../types/domain'
+import type { Currency } from '@v2/types/domain'
+import type { Company } from '@v2/types/domain'
+import type { Customer } from '@v2/types/domain'
 
 declare global {
   interface Window {

resources/scripts-v2/components/base/InvoiceStatusBadge.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { InvoiceStatus, InvoicePaidStatus } from '../../types/domain'
+import { InvoiceStatus, InvoicePaidStatus } from '@v2/types/domain'
 
 type InvoiceBadgeStatus =
   | InvoiceStatus

resources/scripts-v2/components/base/PaidStatusBadge.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { InvoicePaidStatus } from '../../types/domain'
+import { InvoicePaidStatus } from '@v2/types/domain'
 
 type PaidBadgeStatus = InvoicePaidStatus | 'OVERDUE' | string
 

resources/scripts-v2/components/base/RecurringInvoiceStatusBadge.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { RecurringInvoiceStatus } from '../../types/domain'
+import { RecurringInvoiceStatus } from '@v2/types/domain'
 
 interface Props {
   status?: RecurringInvoiceStatus | string