<script setup>
import {computed} from "vue";
const props = defineProps({
post1:Object,
})
const sippet = computed(()=>{
return props.post1.body.substring(0,10)+"...";
})
</script>
<template>
<div class="post">
<h3>{{post1.title}}</h3>
<p>{{sippet}}</p>
</div>
</template>
<style scoped>
</style>
