Files
InvoiceShelf/resources/scripts/features/company/expenses/components/ExpenseDropdown.vue
Darko Gjorgjijoski 71388ec6a5 Rename resources/scripts-v2 to resources/scripts and drop @v2 alias
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.
2026-04-07 12:50:16 +02:00

79 lines
1.9 KiB
Vue

<template>
<BaseDropdown>
<template #activator>
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-muted" />
</template>
<!-- Edit Expense -->
<router-link v-if="canEdit" :to="`/admin/expenses/${row.id}/edit`">
<BaseDropdownItem>
<BaseIcon
name="PencilIcon"
class="w-5 h-5 mr-3 text-subtle group-hover:text-muted"
/>
{{ $t('general.edit') }}
</BaseDropdownItem>
</router-link>
<!-- Delete Expense -->
<BaseDropdownItem v-if="canDelete" @click="removeExpense">
<BaseIcon
name="TrashIcon"
class="w-5 h-5 mr-3 text-subtle group-hover:text-muted"
/>
{{ $t('general.delete') }}
</BaseDropdownItem>
</BaseDropdown>
</template>
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import { useExpenseStore } from '../store'
import { useDialogStore } from '../../../../stores/dialog.store'
import type { Expense } from '../../../../types/domain/expense'
interface TableRef {
refresh: () => void
}
interface Props {
row: Expense
table?: TableRef | null
loadData?: (() => void) | null
canEdit?: boolean
canDelete?: boolean
}
const props = withDefaults(defineProps<Props>(), {
table: null,
loadData: null,
canEdit: false,
canDelete: false,
})
const expenseStore = useExpenseStore()
const dialogStore = useDialogStore()
const { t } = useI18n()
function removeExpense(): void {
dialogStore
.openDialog({
title: t('general.are_you_sure'),
message: t('expenses.confirm_delete'),
yesLabel: t('general.ok'),
noLabel: t('general.cancel'),
variant: 'danger',
hideNoButton: false,
size: 'lg',
})
.then(async (res: boolean) => {
if (res) {
const response = await expenseStore.deleteExpense({ ids: [props.row.id] })
if (response) {
props.loadData?.()
}
}
})
}
</script>