40 lines
839 B
Vue
40 lines
839 B
Vue
<template>
|
|
|
|
<div v-for="(message, index) in messages" :key="index">
|
|
<Message :message="message"></Message>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script setup>
|
|
|
|
import Message from "@/views/messages/Message.vue";
|
|
// import posts from "@/views/posts/posts.json";
|
|
|
|
import {useClient} from '@/plugins/api.js';
|
|
import {defineProps, onBeforeMount, ref} from 'vue';
|
|
|
|
const props = defineProps({
|
|
contentId: {
|
|
type: String,
|
|
required: true
|
|
}
|
|
});
|
|
|
|
const client = useClient();
|
|
const messages = ref();
|
|
|
|
onBeforeMount(async () => {
|
|
if (props.contentId == null) return
|
|
|
|
try {
|
|
const response = await client.get(`/api/messages/${props.contentId}`)
|
|
if (response.status >= 200 && response.status < 300) {
|
|
messages.value = response.data
|
|
}
|
|
} catch (error) {
|
|
console.error("Failed to fetch messages", error);
|
|
}
|
|
})
|
|
|
|
</script> |