Nuxtでscssを使用して、CSSを適用させたい。

Question

NuxtでコンポーネントにCSSを適用させたいと思いサンプルを作成したのですが、
指定したCSSで全く文字の色が変更されません。

Vuetifyを使用していたので、cssはあまり触れることが無かったので、
四苦八苦しております。
サンプルっコードは下記です。
どなたかご教示いただけませんでしょうか？

<template>
    <div>
        <h4 :class="$style.title">scssのテスト</h4>
    </div>
</template>
<script lang="ts">
import {Component, Vue} from 'nuxt-property-decorator'

@Component({})
export default class extends Vue{

}
</script>
<style lang="scss" module>
.title{
    border: green;
    border-radius: 5px;
    padding: 3px;
}

</style>

Answer 1

こんにちは
Nuxtでscssを使うにはライブラリの導入などが必要なのですが、以下サイトのような構築はしていますか？
https://www.suzu6.net/posts/173-nuxt-scss/

また、上記のコードだと、cssの反映は以下でいいような気がするのですがどうでしょうか？（不勉強でtsに関してはほぼ知らないので、見当違いのことを言っていたらごめんなさい）

<template>
    <div>
        <h4 class="title">scssのテスト</h4>
    </div>
</template>

Comments

[takochan1192]

ありがとうございます。ライブラリの導入が必要だったのですね。参考になりました。本当にありがとうございました。