wip(freight): migration 0017 + model/column-list groundwork for add-freight-templates

apps/shop-admin/pages/invoices.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-
 import type { Invoice } from "@vmall/shared";
 
 definePageMeta({ middleware: "auth" });
@@ -16,7 +15,6 @@ function statusClass(value: Invoice["status"]): "green" | "red" | "orange" {
   return value === "issued" ? "green" : value === "cancelled" ? "red" : "orange";
 }
 
-
 async function loadInvoices(): Promise<void> {
   loading.value = true;
   error.value = "";
@@ -50,7 +48,7 @@ onMounted(() => {
 
 <template>
   <VPage :title="$t('shop.invoiceList')">
-    <div v-if="error" class="my-2 text-sm text-danger" role="alert">{{ error }}</div>
+    <div v-if="error" class="text-danger my-2 text-sm" role="alert">{{ error }}</div>
     <p v-if="loading" class="text-muted">{{ $t("common.loading") }}</p>
     <VCard v-else-if="!invoices.length" class="text-muted">{{ $t("common.empty") }}</VCard>
     <VTable v-else>
@@ -69,13 +67,30 @@ onMounted(() => {
       <tbody>
         <tr v-for="invoice in invoices" :key="invoice.id">
           <td>{{ invoice.invoice_no || $t("shop.noInvoice") }}</td>
-          <td><NuxtLink :to="`/orders/${invoice.order_id}`" class="text-primary hover:underline">{{ invoice.order_no ?? invoice.order_id }}</NuxtLink></td>
+          <td>
+            <NuxtLink :to="`/orders/${invoice.order_id}`" class="text-primary hover:underline">{{
+              invoice.order_no ?? invoice.order_id
+            }}</NuxtLink>
+          </td>
           <td>{{ invoice.title }}</td>
           <td>{{ $t(`invoice.${invoice.kind}`) }}</td>
           <td>{{ invoice.tax_no || $t("shop.noInvoice") }}</td>
           <td>{{ fmt(invoice.amount_minor, invoice.currency) }}</td>
-          <td><VBadge :tone="statusClass(invoice.status)">{{ $t(`invoice.status.${invoice.status}`) }}</VBadge></td>
-          <td><VBtn v-if="invoice.status === 'requested'" variant="primary" size="sm" :disabled="actionId === invoice.id" @click="issueInvoice(invoice)">{{ $t("shop.issueInvoice") }}</VBtn></td>
+          <td>
+            <VBadge :tone="statusClass(invoice.status)">{{
+              $t(`invoice.status.${invoice.status}`)
+            }}</VBadge>
+          </td>
+          <td>
+            <VBtn
+              v-if="invoice.status === 'requested'"
+              variant="primary"
+              size="sm"
+              :disabled="actionId === invoice.id"
+              @click="issueInvoice(invoice)"
+              >{{ $t("shop.issueInvoice") }}</VBtn
+            >
+          </td>
         </tr>
       </tbody>
     </VTable>