We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
Hello. For seo, I need to generate meta tags. For this, I have a mixin that is used globally.
const serverHeadMixin = { created() { const { head } = this.$options; if (head) { const {title} = head; if (title) this.$ssrContext.title = getString(this, title); const {meta} = head; if (meta) this.$ssrContext.meta = `\n${getMeta(this, meta, true)}` } } };
It takes data from head
The head itself is located in the component.
head: { title: 'title', meta: [] },
And here I need to turn to $route.params
$route.params
I managed to reach out to i18n, which is in the project this way.
<script> import {createI18n} from 'Util / i18n'; const i18n = createI18n (); export default { ...
and use it in head title: i18n.t ('meta.mainPage.title')
title: i18n.t ('meta.mainPage.title')
i18n.js itself
export function createI18n () { return new VueI18n ({ locale: 'ua', fallbackLocale: 'ua', messages: {...} }) }
But with a router in any way. I need to get the parameters of the current route. How can I do that?
file router/index.js
export function createRouter (i18n) { const router = new Router ({ mode: 'history', fallback: false, routes: [...] }); return router; }
I managed to reach the router like this
import {createApp} from '../app'; const {router} = createApp ();
But currentRoute mutable object
currentRoute
app.js file
import Vue from 'vue' import App from './App' import {createStore} from './store' import {createRouter} from './router' import {createI18n} from "Util / i18n"; import {sync} from 'vuex-router-sync' import headMixin from './util/title' Vue.mixin (headMixin); export function createApp () { const store = createStore (); const i18n = createI18n (); const router = createRouter (i18n); sync (store, router); const app = new Vue ({ router store, i18n, render: h => h (App) }); return {app, router, store} }
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Hello.
For seo, I need to generate meta tags. For this, I have a mixin that is used globally.
It takes data from head
The head itself is located in the component.
And here I need to turn to
$route.params
I managed to reach out to i18n, which is in the project this way.
and use it in head
title: i18n.t ('meta.mainPage.title')
i18n.js itself
But with a router in any way.
I need to get the parameters of the current route.
How can I do that?
file router/index.js
I managed to reach the router like this
But
currentRoute
mutable objectapp.js file
The text was updated successfully, but these errors were encountered: