Files
InvoiceShelf/resources/scripts-v2/components/base/BaseGlobalLoader.vue
Darko Gjorgjijoski a46cca5cd8 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>
2026-04-04 09:30:00 +02:00

55 lines
1.0 KiB
Vue

<template>
<div class="flex flex-col items-center justify-center h-screen">
<MainLogo
class="w-28 h-auto text-primary-400 mb-6"
alt="InvoiceShelf Logo"
/>
<div class="flex space-x-1.5">
<span class="loader-dot" />
<span class="loader-dot delay-150" />
<span class="loader-dot delay-300" />
</div>
</div>
</template>
<script setup lang="ts">
import MainLogo from '@v2/components/icons/MainLogo.vue'
interface Props {
showBgOverlay?: boolean
}
withDefaults(defineProps<Props>(), {
showBgOverlay: false,
})
</script>
<style>
.loader-dot {
width: 0.625rem;
height: 0.625rem;
border-radius: 9999px;
background-color: oklch(0.585 0.233 277.117);
animation: loader-bounce 1.4s infinite ease-in-out both;
}
.loader-dot.delay-150 {
animation-delay: 0.15s;
}
.loader-dot.delay-300 {
animation-delay: 0.3s;
}
@keyframes loader-bounce {
0%, 80%, 100% {
transform: scale(0.4);
opacity: 0.4;
}
40% {
transform: scale(1);
opacity: 1;
}
}
</style>