cleanup
This commit is contained in:
@@ -1,56 +0,0 @@
|
||||
<template>
|
||||
<SMContainer class="dashboard mx-auto workshops">
|
||||
<h1>Workshops</h1>
|
||||
<SMMessage
|
||||
v-if="formMessage.message"
|
||||
:icon="formMessage.icon"
|
||||
:type="formMessage.type"
|
||||
:message="formMessage.message"
|
||||
class="mt-5" />
|
||||
<SMPanelList>
|
||||
<SMPanel
|
||||
v-for="event in events.value"
|
||||
:key="event.id"
|
||||
:to="{ name: 'event', params: { slug: event.id } }"
|
||||
:title="event.title"
|
||||
:date="event.start_at"></SMPanel>
|
||||
</SMPanelList>
|
||||
</SMContainer>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import SMMessage from "../components/SMMessage.vue";
|
||||
import SMPanelList from "../components/SMPanelList.vue";
|
||||
import SMPanel from "../components/SMPanel.vue";
|
||||
import { reactive } from "vue";
|
||||
import { api } from "../helpers/api";
|
||||
|
||||
const events = reactive([]);
|
||||
|
||||
const formMessage = reactive({
|
||||
icon: "",
|
||||
type: "",
|
||||
message: "",
|
||||
});
|
||||
|
||||
const handleLoad = async () => {
|
||||
formMessage.type = "error";
|
||||
formMessage.icon = "alert-circle-outline";
|
||||
formMessage.message = "";
|
||||
|
||||
try {
|
||||
let result = await api.get({
|
||||
url: "/events",
|
||||
params: {
|
||||
limit: 10,
|
||||
},
|
||||
});
|
||||
events.value = result.json.events;
|
||||
} catch (error) {
|
||||
formMessage.message =
|
||||
error.json?.message || "Could not load any events from the server.";
|
||||
}
|
||||
};
|
||||
|
||||
handleLoad();
|
||||
</script>
|
||||
Reference in New Issue
Block a user