mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-15 17:24:10 +00:00
71388ec6a5
Now that the legacy v1 frontend (commit 064bdf53) is gone, the v2 directory is the only frontend and the v2 suffix is just noise. Renames resources/scripts-v2 to resources/scripts via git mv (so git records the move as renames, preserving blame and log --follow), then bulk-rewrites the 152 files that imported via @v2/... to use @/scripts/... instead. The existing @ alias (resources/) covers the new path with no extra config needed.
Drops the now-unused @v2 alias from vite.config.js and points the laravel-vite-plugin entry at resources/scripts/main.ts. Updates the only blade reference (resources/views/app.blade.php) to match. The package.json test script (eslint ./resources/scripts) automatically targets the right place after the rename without any edit.
Verified: npm run build exits clean and the Vite warning lines now reference resources/scripts/plugins/i18n.ts, confirming every import resolved through the new path. git log --follow on any moved file walks back through its scripts-v2 history.
85 lines
2.1 KiB
Vue
85 lines
2.1 KiB
Vue
<script setup lang="ts">
|
|
|
|
interface Props {
|
|
currentStep?: number | null
|
|
steps?: number | null
|
|
containerClass?: string
|
|
progress?: string
|
|
currentStepClass?: string
|
|
nextStepClass?: string
|
|
previousStepClass?: string
|
|
iconClass?: string
|
|
}
|
|
|
|
interface Emits {
|
|
(e: 'click', index: number): void
|
|
}
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
currentStep: null,
|
|
steps: null,
|
|
containerClass: 'flex justify-between w-full my-10 max-w-xl mx-auto',
|
|
progress: 'rounded-full float-left w-6 h-6 border-4 cursor-pointer',
|
|
currentStepClass: 'bg-white border-primary-500',
|
|
nextStepClass: 'border-line-default bg-surface',
|
|
previousStepClass:
|
|
'bg-primary-500 border-primary-500 flex justify-center items-center',
|
|
iconClass:
|
|
'flex items-center justify-center w-full h-full text-sm font-black text-center text-white',
|
|
})
|
|
|
|
const emit = defineEmits<Emits>()
|
|
|
|
function stepStyle(number: number): string[] {
|
|
if (props.currentStep === number) {
|
|
return [props.currentStepClass, props.progress]
|
|
}
|
|
if (props.currentStep !== null && props.currentStep > number) {
|
|
return [props.previousStepClass, props.progress]
|
|
}
|
|
if (props.currentStep !== null && props.currentStep < number) {
|
|
return [props.nextStepClass, props.progress]
|
|
}
|
|
return [props.progress]
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
:class="containerClass"
|
|
class="
|
|
relative
|
|
after:bg-surface-muted
|
|
after:absolute
|
|
after:transform
|
|
after:top-1/2
|
|
after:-translate-y-1/2
|
|
after:h-2
|
|
after:w-full
|
|
"
|
|
>
|
|
<a
|
|
v-for="(number, index) in steps"
|
|
:key="index"
|
|
:class="stepStyle(index)"
|
|
class="z-10"
|
|
href="#"
|
|
@click.prevent="$emit('click', index)"
|
|
>
|
|
<svg
|
|
v-if="currentStep !== null && currentStep > index"
|
|
:class="iconClass"
|
|
fill="currentColor"
|
|
viewBox="0 0 20 20"
|
|
@click="$emit('click', index)"
|
|
>
|
|
<path
|
|
fill-rule="evenodd"
|
|
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
|
|
clip-rule="evenodd"
|
|
></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</template>
|