Vue.jsでclassのトグルをしてもスタイルが適用されない

Question

現在vueを勉強中なのですが、classをトグルして文字のスタイルを変化させようとしても何故か変わりません。classにはselectedがちゃんと入っているのに.vueファイル内のspan.selectedのスタイルが適用されていないようです。
vue特有の記述方法があるのでしょうか、ちなみに通常のcssファイルに書いたところ問題なく適用されていたのでcssの書き方は間違ってなさそうです。

.vueファイル

<template>
  <div class="wrap">
　　　　　　　<span :class="{ selected: name }" @click="toggleSelect">{{name}}</span>
  </div>
</template>

<script>
export default {
  methods: {
 　　 toggleSelect(){
  　　  this.name = !this.name
  　　}
  },
};
</script>

<style lang="scss" module>
.wrap {
  > span {
    font-size: 10px;
  }
  > span.selected {
    font-size: 100px;
  }
}
</style>

Answer 1

Vueのstyleにmodule属性を足す場合はCSS Moduleに則った記法を使用してください

https://vue-loader-v14.vuejs.org/ja/features/css-modules.html

scopedもしくは通常のstyle（今の書き方）を使用するならば、module属性を外してください。

Comments

[Maar]

ありがとうございます、CSS Moduleに則った場合はどのように変更することで実現できますでしょうか

[Maar]

自己解決しました。
大変勉強になりました、ありがとうございます！
またよろしくお願いいたします。