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
vue@2.5.13 (with nuxt@1.3.0) vue-i18n@7.4.2 vue-i18n-extension@0.1.0
Online Demo Github Repo
Open the online demo link:
{{ $t('xxx') }}
v-t="'xxx'"
<router-link class="curly_bracket">{{ $t('curly_bracket') }}</router-link> <router-link class="directive" v-t="'directive'" />
renders to:
<a class="curly_bracket">Using {{ }}, shows in SSR!</a> <a class="directive"></a>
Only {{ $t() }} is server side rendered, v-t="'xxx" isn't.
{{ $t() }}
v-t="'xxx"
This SSR directive works with primitive html tags, but when using with vue components such as <router-link>, it fails.
<router-link>
v-t directive on <router-link> to work with SSR
v-t
v-t directive only works with primitive html elements, but not with vue components such as <router-link>.
Thank you so much!
The text was updated successfully, but these errors were encountered:
Hmm 🤔 , I seem same the below issue: vuejs/vue#5239
Sorry, something went wrong.
Maybe, custom directive doesn't not support for components on SSR. However, functional component work on SSR.
close (in-activity)
No branches or pull requests
vue & vue-i18n version
vue@2.5.13 (with nuxt@1.3.0)
vue-i18n@7.4.2
vue-i18n-extension@0.1.0
Reproduction Link
Online Demo
Github Repo
Steps to reproduce
Open the online demo link:
{{ $t('xxx') }}
shows immediately (SSR) butv-t="'xxx'"
shows a bit later (no SSR)renders to:
Only
{{ $t() }}
is server side rendered,v-t="'xxx"
isn't.This SSR directive works with primitive html tags, but when using with vue components such as
<router-link>
, it fails.What is Expected?
v-t
directive on<router-link>
to work with SSRWhat is actually happening?
v-t
directive only works with primitive html elements, but not with vue components such as<router-link>
.Thank you so much!
The text was updated successfully, but these errors were encountered: