I have some code here, and I want to inspect the page's source code to see if it's working, but I can't see anything in the source code.
export default {
name: 'LandingPage',
metaInfo() {
return {
title: this.page.title,
meta: [
{
property: 'og:title',
content: this.page.title,
template: chunk => `${chunk} - Website name`,
vmid: 'og:title'
},
],
};
},
...
}
How do I verify what vue-meta is adding? Is there a way to see it in a SPA app?
I found you can inspect the page elements using the browser's Dev Tools area.
In Chrome, press F12 to open the Dev Tools pane
Click the Elements Tab
Click the document
<head></head>area to expand itLook for your meta tags