mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-07-23 15:19:41 +02:00
feat: Migrate to Nuxt 3 framework (#5184)
Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com> Co-authored-by: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
This commit is contained in:
parent
89ab7fac25
commit
c24d532608
403 changed files with 23959 additions and 19557 deletions
|
@ -5,19 +5,22 @@
|
|||
item-key="id"
|
||||
class="elevation-0"
|
||||
:items-per-page="50"
|
||||
@click:row="handleRowClick"
|
||||
@click:row="($event, { item }) => handleRowClick(item)"
|
||||
>
|
||||
<template #item.category="{ item }">
|
||||
<template #[`item.category`]="{ item }">
|
||||
{{ capitalize(item.category) }}
|
||||
</template>
|
||||
<template #item.timestamp="{ item }">
|
||||
{{ $d(Date.parse(item.timestamp), "long") }}
|
||||
<template #[`item.timestamp`]="{ item }">
|
||||
{{ $d(Date.parse(item.timestamp!), "long") }}
|
||||
</template>
|
||||
<template #item.status="{ item }">
|
||||
{{ capitalize(item.status) }}
|
||||
<template #[`item.status`]="{ item }">
|
||||
{{ capitalize(item.status!) }}
|
||||
</template>
|
||||
<template #item.actions="{ item }">
|
||||
<v-btn icon @click.stop="deleteReport(item.id)">
|
||||
<template #[`item.actions`]="{ item }">
|
||||
<v-btn
|
||||
icon
|
||||
@click.stop="deleteReport(item.id)"
|
||||
>
|
||||
<v-icon>{{ $globals.icons.delete }}</v-icon>
|
||||
</v-btn>
|
||||
</template>
|
||||
|
@ -25,27 +28,27 @@
|
|||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent, useContext, useRouter } from "@nuxtjs/composition-api";
|
||||
import { ReportSummary } from "~/lib/api/types/reports";
|
||||
import type { ReportSummary } from "~/lib/api/types/reports";
|
||||
|
||||
export default defineComponent({
|
||||
export default defineNuxtComponent({
|
||||
props: {
|
||||
items: {
|
||||
required: true,
|
||||
type: Array as () => Array<ReportSummary>,
|
||||
},
|
||||
},
|
||||
emits: ["delete"],
|
||||
|
||||
setup(_, context) {
|
||||
const { i18n } = useContext();
|
||||
const i18n = useI18n();
|
||||
const router = useRouter();
|
||||
|
||||
const headers = [
|
||||
{ text: i18n.t("category.category"), value: "category" },
|
||||
{ text: i18n.t("general.name"), value: "name" },
|
||||
{ text: i18n.t("general.timestamp"), value: "timestamp" },
|
||||
{ text: i18n.t("general.status"), value: "status" },
|
||||
{ text: i18n.t("general.delete"), value: "actions" },
|
||||
{ title: i18n.t("category.category"), value: "category", key: "category" },
|
||||
{ title: i18n.t("general.name"), value: "name", key: "name" },
|
||||
{ title: i18n.t("general.timestamp"), value: "timestamp", key: "timestamp" },
|
||||
{ title: i18n.t("general.status"), value: "status", key: "status" },
|
||||
{ title: i18n.t("general.delete"), value: "actions", key: "actions" },
|
||||
];
|
||||
|
||||
function handleRowClick(item: ReportSummary) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue