kar/barta-india.in-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Kar
2024-01-09 21:53:59 +05:30
commit 7cc4488690
46 changed files with 12220 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
pages/en/_slug.vue Normal file
View File

@@ -0,0 +1,190 @@
<template>
<v-container mt-4 style="padding-bottom: 120px">
<v-row>
<v-col sm="12" xl="8" v-if="newsBySlug.length > 0">
<v-card>
<div style="padding: 0 100px">
<v-card class="justify-center">
<v-img :src="`https://api5.siliconpin.com${newsBySlug[0].image.url}`" aspect-ratio="1.75">
<span v-text="newsBySlug[0].text_over_image" class="text_over_image"></span>
</v-img>
</v-card>
<span>Date: {{ newsBySlug[0].created_at.slice(0, 10) }} / </span>
<span>Time: {{ newsBySlug[0].created_at.slice(11, -5) }} </span>
</div>
<v-card-title class="font-weight-bold justify-center" style="font-size: 2em; line-height: 1.6">
{{ newsBySlug[0].title }}
</v-card-title>
<!-- :class="{'subheading': $vuetify.breakpoint.xs}" -->
<hr />
<p class="text-justify" style="
padding: 20px;
white-space: pre-wrap;
font-size: 1.2em;
line-height: 1.6;
font-weight: bold;
" >
&nbsp; &nbsp; {{ newsBySlug[0].content }}
</p>
<br />
<div id="block_container">
<div>
<ShareNetwork network="facebook" :title="newsBySlug[0].title"
:url="'https://barta-india.in/' + $route.params.slug">
<v-icon class="facebook">mdi-facebook</v-icon>
<span>Share on Facebook</span>
</ShareNetwork>
</div>
<div>
<ShareNetwork network="twitter" :title="newsBySlug[0].title"
:url="'https://barta-india.in/' + $route.params.slug">
<v-icon class="twitter">mdi-twitter</v-icon>
<span>Share on Twitter </span>
</ShareNetwork>
</div>
<div>
<ShareNetwork network="whatsapp" :title="newsBySlug[0].title"
:url="'https://barta-india.in/' + $route.params.slug">
<v-icon class="whatsapp">mdi-whatsapp</v-icon>
<span>Share on whatsapp</span>
</ShareNetwork>
</div>
</div>
<div id="fb"></div>
<!-- <h2 v-html="url"></h2> -->
</v-card>
</v-col>
<v-col sm="12" xl="8" v-else>
<v-card>
<div style="padding: 0 100px">
<v-card class="justify-center"> 404 ! Not found </v-card>
</div>
<!-- <h2 v-html="url"></h2> -->
</v-card>
</v-col>
<v-col sm="12" xl="4">
<div style="padding: 0 50px;">
<v-flex v-for="ln in worldNews" :key="worldNews.slug" xl12>
<div style="padding: 20px 10px;">
<v-card width="85%">
<v-img :src="`https://api5.siliconpin.com${ln.image.url}`" aspect-ratio="1.75">
<span v-text="ln.text_over_image" class="text_over_image"></span>
</v-img>
<p class="px-4"> <span>Published on : {{latestNews[0].created_at.slice(0,10)}} , </span>
<span>at : {{latestNews[0].created_at.slice(11,-5)}} </span></p>
<v-card-title primary-title>
<div>
<h3 class="headline mb-0" v-text="ln.title"></h3>
</div>
</v-card-title>
</v-card>
</div>
</v-flex>
</div>
</v-col>
</v-row>
</v-container>
</template>
<script>
export default {
layout: "en",
// data: () => ({
// posts: [],
// pageTitle:"barta-india.in news portal",
// }),
// data() {
// return {
// world: {},
// national: {},
// local: {},
// editorial: {},
// totalNoOfNews: null,
// slug: "",
// pageTitle:"",
// // apiLink:process.env.apiLink
// };
// },
async asyncData({ $axios, route }) {
const newsBySlug = await $axios.$get(`/bartas/?slug=` + route.params.slug);
let latestNews = await $axios.$get(`/bartas/?_sort=id:DESC&_limit=8`);
let worldNews = await $axios.$get(`/bartas/?category=world&lang=en&_sort=id:DESC&_limit=8`)
let pageTitle = "";
let imageUrl = "";
if (newsBySlug.length > 0) {
pageTitle = newsBySlug[0].title;
imageUrl = newsBySlug[0].image.url;
} else {
pageTitle = "this page not found";
imageUrl = "https://barta-india.in/icon.png";
}
// $route.fullPath
// console.log(route.params.slug);
// console.log(this.pageTitle)
latestNews = JSON.parse(
JSON.stringify(latestNews).replace(/\:null/gi, '\:""')
);
const slugUrl = route.params.slug;
return { newsBySlug, latestNews, slugUrl, pageTitle, imageUrl,worldNews };
},
head() {
return {
title: this.pageTitle,
meta: [
// hid is used as unique identifier. Do not use `vmid` for it as it will not work
{
hid: "description",
name: "description",
content: this.pageTitle,
},
{
hid: "og:description",
name: "og:description",
content: this.pageTitle,
},
{
hid: "og:title",
name: "og:title",
content: this.pageTitle,
},
{
hid: "og:url",
name: "og:url",
content: "https://barta-india.in/" + this.slugUrl,
},
{
hid: "og:image",
name: "og:image",
content: "https://api5.siliconpin.com" + this.imageUrl,
},
{
hid: "og:image:secure_url",
name: "og:image:secure_url",
content: "https://api5.siliconpin.com" + this.imageUrl,
},
{
hid: "og:type",
name: "og:type",
content: "News",
},
],
};
},
};
</script>
<style scopped>
</style>

43
pages/en/category/_slug.vue Normal file
View File

@@ -0,0 +1,43 @@
<template>
<v-container grid-list-md>
<!-- <h1>Mountaiins</h1> -->
<!-- <ul v-for="wn in worldNews.slice(-4)" :key="wn.slug">
<li>{{ wn.title }}</li>
<li>{{ wn.image.url }}</li>
</ul> -->
<v-layout row wrap v-if="worldNews.length > 0">
<v-flex v-for="wn in worldNews" :key="worldNews.slug" xs12 md6 lg3>
<nuxt-link :to="`/en/${wn.slug}`">
<v-card width="95%">
<v-img :src="`https://api5.siliconpin.com${wn.image.url}`" aspect-ratio="2.75"></v-img>
<span class="px-4">On : {{wn.created_at.slice(0,10)}},
at{{wn.created_at.slice(0,10)}} </span>
<v-card-title primary-title>
<div>
<h3 class="headline mb-0" v-text="wn.title"></h3>
</div>
</v-card-title>
</v-card>
</nuxt-link>
</v-flex>
</v-layout>
<v-layout v-else>
<h4 style="margin-left: 20px;">No news available in this topic now! Please visit again.</h4>
</v-layout>
</v-container>
</template>
<script>
export default {
layout: 'en',
async asyncData({ $axios, route }) {
let worldNews = await $axios.$get(
`/bartas/?category=` + route.params.slug + `&lang=en&_sort=id:DESC`
);
// console.log(worldNews);
worldNews = JSON.parse(JSON.stringify(worldNews).replace(/\:null/gi, "\:\"\""));
return { worldNews };
},
};
</script>

439
pages/en/index.vue Normal file
View File

@@ -0,0 +1,439 @@
<template>
<v-container>
<v-row class="px-lg-14 ">
<v-col cols="12" sm="12" md="12" lg="6">
<nuxt-link :to="`/en/${worldNews[0].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${worldNews[0].image.url}`" aspect-ratio="1.75">
<span v-text="worldNews[0].text_over_image" class="text_over_image"></span>
</v-img>
<v-card-title primary-title>
<p> <span>Publish on : {{ worldNews[0].created_at.slice(0, 10) }}, </span>
<span>at : {{ worldNews[0].created_at.slice(11, -5) }} </span></p>
<p v-text="worldNews[0].title" class="text-lg-h4 text-sm-h5"></p>
<!-- <v-text class="text-lg-h4 text-sm-h5">{{worldNews[0].title}}</v-text> -->
</v-card-title>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="12" md="12" lg="6">
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${worldNews[1].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${worldNews[1].image.url}`" aspect-ratio="1.75">
<span v-text="worldNews[1].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ worldNews[1].created_at.slice(0, 10) }} , </span>
<span>at : {{ worldNews[1].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{worldNews[1].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${worldNews[2].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${worldNews[2].image.url}`" aspect-ratio="1.75">
<span v-text="worldNews[2].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ worldNews[2].created_at.slice(0, 10) }} , </span>
<span>at : {{ worldNews[2].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{worldNews[2].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${worldNews[3].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${worldNews[3].image.url}`" aspect-ratio="1.75">
<span v-text="worldNews[3].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ worldNews[3].created_at.slice(0, 10) }} , </span>
<span>at : {{ worldNews[3].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{worldNews[3].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${worldNews[4].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${worldNews[4].image.url}`" aspect-ratio="1.75">
<span v-text="worldNews[4].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ worldNews[4].created_at.slice(0, 10) }} , </span>
<span>at : {{ worldNews[4].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{worldNews[4].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
</v-col>
</v-row>
<!-- ////////////////////////////////////// -->
<v-row class="px-lg-14 ">
<v-col cols="12" sm="12" md="12" lg="6">
<nuxt-link :to="`/en/${localNews[0].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${localNews[0].image.url}`" aspect-ratio="1.75">
<span v-text="localNews[0].text_over_image" class="text_over_image"></span>
</v-img>
<v-card-title primary-title>
<p> <span>Publish on : {{ worldNews[0].created_at.slice(0, 10) }}, </span>
<span>at : {{ worldNews[0].created_at.slice(11, -5) }} </span></p>
<span v-text="localNews[0].title" class="text-lg-h4 text-sm-h5"></span>
<!-- <v-text class="text-lg-h4 text-sm-h5">{{localNews[0].title}}</v-text> -->
</v-card-title>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="12" md="12" lg="6">
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${localNews[1].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${localNews[1].image.url}`" aspect-ratio="1.75">
<span v-text="localNews[1].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ localNews[1].created_at.slice(0, 10) }} , </span>
<span>at : {{ localNews[1].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{localNews[1].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${localNews[2].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${localNews[2].image.url}`" aspect-ratio="1.75">
<span v-text="localNews[2].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ localNews[2].created_at.slice(0, 10) }} , </span>
<span>at : {{ localNews[2].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{localNews[2].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${localNews[3].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${localNews[3].image.url}`" aspect-ratio="1.75">
<span v-text="localNews[3].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ localNews[3].created_at.slice(0, 10) }} , </span>
<span>at : {{ localNews[3].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{localNews[3].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${localNews[4].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${localNews[4].image.url}`" aspect-ratio="1.75">
<span v-text="localNews[4].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ localNews[4].created_at.slice(0, 10) }} , </span>
<span>at : {{ localNews[4].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{localNews[4].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
</v-col>
</v-row>
<!-- /////////////////////////////////////////////// -->
<v-row class="px-lg-14 ">
<v-col cols="12" sm="12" md="12" lg="6">
<nuxt-link :to="`/en/${nationalNews[0].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${nationalNews[0].image.url}`" aspect-ratio="1.75">
<span v-text="nationalNews[0].text_over_image" class="text_over_image"></span>
</v-img>
<v-card-title primary-title>
<p> <span>Publish on : {{ nationalNews[0].created_at.slice(0, 10) }}, </span>
<span>at : {{ nationalNews[0].created_at.slice(11, -5) }} </span></p>
<span v-text="nationalNews[0].title" class="text-lg-h4 text-sm-h5"></span>
<!-- <v-text class="text-lg-h4 text-sm-h5">{{nationalNews[0].title}}</v-text> -->
</v-card-title>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="12" md="12" lg="6">
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${nationalNews[1].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${nationalNews[1].image.url}`" aspect-ratio="1.75">
<span v-text="nationalNews[1].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ nationalNews[1].created_at.slice(0, 10) }} , </span>
<span>at : {{ nationalNews[1].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{nationalNews[1].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${nationalNews[2].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${nationalNews[2].image.url}`" aspect-ratio="1.75">
<span v-text="nationalNews[2].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ nationalNews[2].created_at.slice(0, 10) }} , </span>
<span>at : {{ nationalNews[2].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{nationalNews[2].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${nationalNews[3].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${nationalNews[3].image.url}`" aspect-ratio="1.75">
<span v-text="nationalNews[3].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ nationalNews[3].created_at.slice(0, 10) }} , </span>
<span>at : {{ nationalNews[3].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{nationalNews[3].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${nationalNews[4].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${nationalNews[4].image.url}`" aspect-ratio="1.75">
<span v-text="nationalNews[4].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ nationalNews[4].created_at.slice(0, 10) }} , </span>
<span>at : {{ nationalNews[4].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{nationalNews[4].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
</v-col>
</v-row>
<!-- ////////////////////////////////////////// -->
<!-- <v-layout row wrap >
<v-flex v-for="wn in latestNews" :key="latestNews.slug" xs12 md6 lg3>
<nuxt-link :to="`/${wn.slug}`">
<v-card >
<v-img
:src="`https://api5.siliconpin.com${wn.image.url}`"
aspect-ratio="1.75"
>
<span v-text="wn.text_over_image" class="text_over_image"></span>
</v-img>
<v-card-title primary-title>
<div>
<h3 class="headline mb-0" v-text="wn.title"></h3>
</div>
</v-card-title>
</v-card>
</nuxt-link>
</v-flex>
</v-layout>-->
<v-layout row wrap>
<v-flex v-for="wn in worldNews" :key="worldNews.slug" xs6 md6 lg3>
<nuxt-link :to="`/en/${wn.slug}`">
<v-card class="mx-2 mb-2">
<v-img :src="`https://api5.siliconpin.com${wn.image.url}`" aspect-ratio="1.75">
<span v-text="wn.text_over_image" class="text_over_image"></span>
</v-img>
<div class="pa-4">
<p>On : <span >{{wn.created_at.slice(0,10)}} ,</span>
at : <span >{{wn.created_at.slice(11,-5)}} </span></p>
<div>
<h3 class="headline mb-0" v-text="wn.title"></h3>
</div>
</div>
</v-card>
</nuxt-link>
</v-flex>
</v-layout>
<v-layout row wrap>
<v-flex v-for="wn in nationalNews" :key="nationalNews.slug" xs6 md6 lg3>
<nuxt-link :to="`/en/${wn.slug}`">
<v-card class="mx-2 mt-8">
<v-img :src="`https://api5.siliconpin.com${wn.image.url}`" aspect-ratio="1.75">
<span v-text="wn.text_over_image" class="text_over_image"></span>
</v-img>
<div class="pa-4">
<p>On : <span >{{wn.created_at.slice(0,10)}} ,</span>
at : <span >{{wn.created_at.slice(11,-5)}} </span></p>
<div>
<h3 class="headline mb-0" v-text="wn.title"></h3>
</div>
</div>
</v-card>
</nuxt-link>
</v-flex>
</v-layout>
<v-layout row wrap>
<v-flex v-for="wn in localNews" :key="localNews.slug" xs6 md6 lg3>
<nuxt-link :to="`/en/${wn.slug}`">
<v-card class="mx-2 mt-8">
<v-img :src="`https://api5.siliconpin.com${wn.image.url}`" aspect-ratio="1.75">
<span v-text="wn.text_over_image" class="text_over_image"></span>
</v-img>
<div class="pa-4">
<p>On : <span >{{wn.created_at.slice(0,10)}} ,</span>
at : <span >{{wn.created_at.slice(11,-5)}} </span></p>
<div>
<h3 class="headline mb-0" v-text="wn.title"></h3>
</div>
</div>
</v-card>
</nuxt-link>
</v-flex>
</v-layout>
<v-layout row wrap>
<v-flex v-for="vn in videoNews" :key="videoNews.id" xs6 md6 lg3>
<v-card width="95%">
<lite-youtube v-bind:videoid="`${vn.content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1" />
<v-card-title primary-title>
<div>
<h3 class="headline mb-0" v-text="vn.title"></h3>
</div>
</v-card-title>
</v-card>
</v-flex>
</v-layout>
</v-container>
</template>
<script>
export default {
layout: 'en',
async asyncData({ $axios, $config }) {
let worldNews = await $axios.$get(`/bartas/?category=world&lang=en&_sort=id:DESC&_limit=8`)
let nationalNews = await $axios.$get(`/bartas/?category=national&lang=en&_sort=id:DESC&_limit=8`)
let localNews = await $axios.$get(`/bartas/?category=local&lang=en&_sort=id:DESC&_limit=8`)
// let articleNews = await $axios.$get(`/bartas/?category=article&_sort=id:DESC&_limit=4`)
// let editorialNews = await $axios.$get(`/bartas/?category=editorial&_sort=id:DESC&_limit=4`)
let videoNews = await $axios.$get(`/bartas/?category=video&lang=en&_sort=id:DESC&_limit=8`)
//_ne:category=video&
// let latestNews = await $axios.$get(`/bartas/?_sort=id:DESC&_limit=40&category=:video`)
// need to create the json / var first
// if(worldNews.length < 1) { worldNews[0].image.url="", worldNews[0].slug="404", worldNews[0].slug="not found";}
// if(nationalNews.length < 1) { nationalNews[0].image.url="", nationalNews[0].slug="404", nationalNews[0].slug="not found";}
// if(localNews.length < 1) { localNews[0].image.url="", localNews[0].slug="404", localNews[0].slug="not found";}
// if(articleNews.length < 1) { articleNews[0].image.url="", articleNews[0].slug="404", articleNews[0].slug="not found";}
// if(editorialNews.length < 1) { editorialNews[0].image.url="", editorialNews[0].slug="404", editorialNews[0].slug="not found";}
// if(videoNews.length < 1) { videoNews[0].image.url="", videoNews[0].slug="404", videoNews[0].slug="not found";}
worldNews = JSON.parse(JSON.stringify(worldNews).replace(/\:null/gi, "\:\"\""));
nationalNews = JSON.parse(JSON.stringify(nationalNews).replace(/\:null/gi, "\:\"\""));
localNews = JSON.parse(JSON.stringify(localNews).replace(/\:null/gi, "\:\"\""));
// articleNews = JSON.parse(JSON.stringify(articleNews).replace(/\:null/gi, "\:\"\""));
// editorialNews = JSON.parse(JSON.stringify(editorialNews).replace(/\:null/gi, "\:\"\""));
videoNews = JSON.parse(JSON.stringify(videoNews).replace(/\:null/gi, "\:\"\""));
// latestNews = JSON.parse(JSON.stringify(latestNews).replace(/\:null/gi, "\:\"\""));
return { worldNews, nationalNews, localNews, videoNews }
},
head() {
return {
title: "barta-india.in news with views",
meta: [
// hid is used as unique identifier. Do not use `vmid` for it as it will not work
{
hid: 'description',
name: 'description',
content: "local news, national and international news with our views."
},
{
hid: 'og:description',
name: 'og:description',
content: "local news, national and international news with our views."
},
{
hid: 'og:title',
name: 'og:title',
content: "barta-india.in news with views"
},
{
hid: 'og:url',
name: 'og:url',
content: 'https://barta-india.in/'
},
{
hid: 'og:image',
name: 'og:image',
content: 'https://barta-india.in/icon.png'
},
{
hid: 'og:image:secure_url',
name: 'og:image:secure_url',
content: 'https://barta-india.in/icon.png'
},
{
hid: 'og:type',
name: 'og:type',
content: 'News list'
}
]
}
}
}
</script>
<style scoped>
</style>