[3293] How to import scss file without specify extension in nuxt inside vue template file?

For instance, I have tried to do the following

<template>
  <h1>Hello world!</h1>
</template>

<style lang="scss">
@import '@/styles/coride/custom-mixins';
  * {
    @include font-prompt;
  }
</style>

But it failed to compile unless I specify the extension of the scss file like @import '@/styles/coride/custom-mixins.scss'

Because I am converting a VueJS application to NuxtJS, in the VueJS application, I don't need to specify the extension. So it will be quite tedious to convert all those files. It will be great if I can do the same with VueJS in NuxtJS.