【Vue3】scoped付きのv-deepセレクターの使い方

はじめに

Vue2からVue3へ移行する際にv-deepセレクタの使い方も変わったので備忘録です。

Vue2の場合

<style scoped>
::v-deep {
    .hoge {
      color: #fff;
    }
  }
</style>

Vue3の場合

<style scoped>
:deep(.hoge) {
    color: #fff;
  }
</style>

参考

https://vuejs.org/api/sfc-css-features.html#deep-selectors