Scoped style documentation

[scottadamsmith]

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?

[kazupon]

You can check the background.
#362

As you say, it should be improved the document.

[IssueHuntBot]

@rororofff has funded $5.00 to this issue.

---

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.

[IssueHuntBot]

@kazupon has rewarded $3.50 to @kenanchristian. See it on IssueHunt

• 💰 Total deposit: $5.00
• 🎉 Repository reward(20%): $1.00
• 🔧 Service fee(10%): $0.50