Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
I have the following config:
main.ts
import {createApp} from 'vue' import {createRouter, createWebHistory} from 'vue-router' import App from './App.vue' import 'bootstrap/dist/js/bootstrap.esm.min.js' import 'bootstrap-icons/font/bootstrap-icons.scss' import './style.scss' import Home from './components/Home.vue' import Resume from './components/Resume.vue' import Contact from './components/Contact.vue' import Portfolio from './components/Portfolio.vue' import {createMetaManager} from 'vue-meta' // Routes const routes = [ {path: '/', name: 'Home', component: Home}, {path: '/portfolio', name: 'Portfolio', component: Portfolio}, {path: '/resume', name: 'Resume', component: Resume}, {path: '/contact', name: 'Contact', component: Contact}, ] const router = createRouter({ history: createWebHistory(), routes, }) createApp(App) .use(router) .use(createMetaManager()) .mount('#app')
My App.vue
<script> import NavBar from './components/NavBar.vue' import {useMeta} from "vue-meta"; export default { setup () { useMeta({ htmlAttrs: { lang: 'nl'}, meta: [ {charset: 'UTF-8'}, {name: 'viewport', content: 'width=device-width, initial-scale=1'}, {name: 'description', content: 'Website of Remzi Cavdar'} ] }) }, name: 'App', components: { NavBar } } </script>
Home.vue
<script lang="ts"> import Sidebar from "./Sidebar.vue"; import {useMeta} from "vue-meta"; export default { setup() { useMeta({ title: 'Home' }) }, name: "Home", components: {Sidebar} } </script>
Everything seems to work except this:
Should be this:
I followed the following instructions: #665 (comment) And I checked the following docs: https://github.com/nuxt/vue-meta/tree/v3.0.0-alpha.10
Maybe the problem is related to #665
@charles-allen Could you please help me out? 😢😵💫
The text was updated successfully, but these errors were encountered:
try this: createMetaManager(false, { meta: { tag: 'meta', nameless: true }, })
Great, set it up like this and you're good to go
Thank you! It Works!
I have the following config:
main.ts
My App.vue
Home.vue
Everything seems to work except this:
![Screenshot 2023-03-20 200630](https://cdn.statically.io/img/user-images.githubusercontent.com/980950/226441156-056cd623-6b61-444f-aec9-597e4524d717.png)
Should be this:
![Screenshot 2023-03-20 200759](https://cdn.statically.io/img/user-images.githubusercontent.com/980950/226441496-3d5635c4-c14d-4558-86b8-35f6dfe867d1.png)
I followed the following instructions: #665 (comment)
And I checked the following docs: https://github.com/nuxt/vue-meta/tree/v3.0.0-alpha.10
Maybe the problem is related to #665
@charles-allen Could you please help me out? 😢😵💫
The text was updated successfully, but these errors were encountered: