kazupon/vue-i18n

Scoped style documentation #492

scottadamsmith posted onGitHub

The Scoped style documentation might be inaccurate, unless I am misunderstanding. It indicates that when using scoped styles, you would need to use a deep selector to apply styles to the <p> in this template:

<template>
  <div class="parent">
    <p>message: {{ $t('hello') }}</p>
  </div>
</template>

When reading that, I couldn't understand why, since the <p> is part of the scope styled component and not part of the translation string. I believe this example (https://codesandbox.io/s/5vzj9lqj8n) shows that you don't need a deep selector in this scenario. Is it possible the documentation meant to describe a scenario where you are styling an HTML element that was part of the translated string?


Fund this Issue

$5.00
Rewarded

Rewarded pull request

Recent activities

kenanchristian was rewarded by kazupon for kazupon/vue-i18n# 492
almost 6 years ago
kenanchristian submitted an output to  kazupon/ vue-i18n# 492
almost 6 years ago