- Inserted Prerendering plugin('prerender-spa-plugin') to create HTML pages (for Google... crawler)

- Added Meta Tags (title, description and keywords)
This commit is contained in:
Paolo Arena
2019-11-08 21:35:47 +01:00
parent 105a1cbca1
commit 67b42fcbfd
4 changed files with 41 additions and 26 deletions

View File

@@ -10,28 +10,15 @@ import { toolsext } from '@src/store/Modules/toolsext'
import { Screen } from 'quasar'
import { CImgTitle } from '../../components/CImgTitle/index'
import { CTitle } from '../../components/CTitle/index'
// Vue.use(VueScrollReveal, {
// class: 'v-scroll-reveal', // A CSS class applied to elements with the v-scroll-reveal directive; useful for animation overrides.
// duration: 1200,
// scale: 0.95,
// distance: '10px',
// rotate: {
// x: 0,
// y: 0,
// z: 0
// }
// // mobile: true
// })
import MixinsMetaTags from '../../mixins/mixin-metatags'
@Component({
name: 'CMyPage',
mixins: [MixinsMetaTags],
components: { Footer, CImgTitle, CTitle }
})
export default class CMyPage extends Vue {
@Prop({ required: true, default: '' }) public title: string
@Prop({ required: true, default: '' }) public keywords: string
@Prop({ required: true, default: '' }) public description: string
@Prop({ required: false, default: '' }) public img: string
@Prop({ required: false, default: '' }) public imgbackground: string
@Prop({ required: false, default: '' }) public sizes: string
@@ -39,17 +26,18 @@ export default class CMyPage extends Vue {
public $t
public $q
public meta() {
return {
title: this.$t('msg.myAppName'),
titleTemplate: (title) => `${this.title} - ${this.$t('msg.myAppName')}`,
meta: {
keywords: { name: 'keywords', content: this.keywords },
description: { name: 'description', content: this.description },
equiv: { 'http-equiv': 'Content-Type', 'content': 'text/html; charset=UTF-8' }
}
}
}
// public metaInfo() {
// return {
// // title: this.$t('msg.myAppName'),
// title: 'PROVA TITOLOOOOOOO!!!!!!!!!!!!!!!!!!!!**************************',
// titleTemplate: (title) => `${this.title} - ${this.$t('msg.myAppName')}`,
// meta: {
// keywords: { name: 'keywords', content: this.keywords },
// description: { name: 'description', content: this.description },
// equiv: { 'http-equiv': 'Content-Type', 'content': 'text/html; charset=UTF-8' }
// }
// }
// }
public mounted() {
// console.log('CMYPage title=', this.title)