vue-meta VS nuxt-jsonld

Take a look at the repo for a workaround.

Working with metadata has its intricacies. That's why we suggest using Vue-meta while working with your app's metadata. This is a Vue.js plugin that allows nested components to overwrite each other's values and grants you the capability to replace and add metadata as needed. 💾 It also makes defining meta tags in the header simpler and is used by Nuxt.

There is really cool library called Vue Meta that is used for setting all the meta tags like title, description, and also open graph api.

Out of the box, Gridsome includes vue-meta, dynamic routing (no more v-router settings to setup for every page!), Single File Component development structure, and more! Whether you're an experienced Vueveloper or dipping your toes in, you'll have access to the power of the ecosystem where you need it while Gridsome handles a lot of the Vue setup management for you.

Has any of you ever used a module for meta keywords in vue/react/angular? Such as: https://vue-meta.nuxtjs.org/

Hey there, check out this section of the Inertia.js docs: https://inertiajs.com/pages#title-and-meta-tags. It explains how to set title and other meta data within an Inertia app. TLDR; Use https://github.com/nuxt/vue-meta.

vue-meta for vue 3 is here: https://github.com/nuxt/vue-meta/releases/tag/v3.0.0-alpha.0

We can use this metadata to populate our JSON-LD for an article. To start, we'll first need to install a plugin for Nuxt, nuxt-jsonld. Inside of your project's directory, run the command npm i nuxt-jsonld. We need to add a jsonld function to our _slug.vue page to use this plugin.