As usual, we can get a Vue app started and running on a single HTML page. Let's get it started:
- Include the CND links in the <head> block:
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
<script src="https://unpkg.com/[email protected]/lib/vue-meta.js"></script>
- Create the following components with the metadata in the <script> block:
const About = {
name: 'about',
metaInfo: {
title: 'About',
titleTemplate: null,
meta: [
{ vmid: 'description', name: 'description', content: 'About
my Nuxt...'
}
]
}
}
const Contact = {
name: 'contact',
metaInfo: {
title: 'Contact',
meta: [
{ vmid: 'description', name: 'description', content:
'Contact me.....
