从nuxt中的布局全局导入scss文件

Question

假设我们在布局目录中有两个布局，分别是“ default.vue”和“ dark-blue.vue”，并且我们使用的是默认布局。每个布局在“〜assets / CSS / themes /”文件夹中都有一个“ main.scss”。然后布局更改为两个深蓝色，因此CSS文件应更改为“〜assets / CSS / themes / dark-blue / main.scss”。目前，在布局文件中是可以的（在default.ve和dark-blue.vue中），但是我不能扩展（@extend ...）或使用在布局Vue文件中导入的变量。
有什么解决办法吗？
这是沙箱中的示例：