从Nuxt.js中的外部样式表导入CSS模块样式

Question

我想从我的资产文件夹中为Nuxt资产文件夹导入样式。

作为参考，我的文件夹结构如下所示：

assets/
  scss/
    example.scss
components/
  molecules/
    example.vue

在我的example.scss中，例如：

.red-text {
  color: red;
}

在Vue组件中，我有类似以下内容：

<template>
  <p>Lorum ipsum dolor sit amet.</p>
</template>

我想将scss“ red-text”类赋予模板中的<p>标记段（理想情况下是CSS模块）。

例如：

<template>
  <p :class="$style.red-text">Lorum ipsum dolor sit amet.</p>
</template>

如果任何人都可以协助导入它（我看过Nuxt文档，看过其他StackOverflow问题，但无济于事），将不胜感激。 / p>