37 lines
786 B
Vue
37 lines
786 B
Vue
<template>
|
|
<layout :white_bg="true">
|
|
<blog-details-area :item="item"/>
|
|
</layout>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from "vue";
|
|
import Layout from "~~/layout/Layout.vue";
|
|
import blogData from "~~/mixins/blogData";
|
|
import BlogDetailsArea from "~~/components/blog-details/BlogDetailsArea.vue";
|
|
import BlogType from "~~/types/blogType";
|
|
|
|
export default defineComponent({
|
|
mixins:[blogData],
|
|
data() {
|
|
return {
|
|
item:{} as BlogType | undefined
|
|
}
|
|
},
|
|
components: {
|
|
Layout,
|
|
BlogDetailsArea,
|
|
},
|
|
setup() {
|
|
useHead({
|
|
title: "Blog Details",
|
|
});
|
|
},
|
|
created(){
|
|
const id = useRoute().params.id;
|
|
const item = blogData.data().blogData.find(b => Number(b.id) === Number(id))
|
|
this.item = item
|
|
}
|
|
});
|
|
</script>
|