Importing CSS Module styles from an external stylesheet in Nuxt.js

Question

I'm wanting to import styles from my assets folder for my Nuxt assets folder.

For reference, my folder structure looks something like this:

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

In my example.scss, I have, for example:

.red-text {
  color: red;
}

And in my Vue component, I have something like this:

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

I want to give the scss "red-text" class to the paragraph <p> tag in the template (ideally with CSS Modules).

For instance:

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

If anyone could assist with being able to import it (I've had a look at the Nuxt documentation, and I've had a look at other StackOverflow questions, but to no avail), it would be greatly appreciated.