I get error undefined mixin when i use @include in components

I work in NuxtJs, install sass-loader, node-sass

Component

My mixin in assets/variables.scss

CodePudding user response：

Nuxt imports several things automatically such as components and composables. But it doesn't auto-import (sass) mixins. Therefore you need to add an import to the top of your <style /> tag:

<style lang="scss">
@use "@/assets/variables.scss";

// ...
</style>