CSS not loading in Vue Component

1

Hello all,

I am creating a plugin using the cookbook:

Only my css is not loading in the preview. I am using a single file component as explained.

This is my code:

<template>
    <div class="test">
      <h1> Mood: {{ content.mood }} | Poemtype: {{ content.poemtype}}</h1> 
    </div>
</template>

<script></script>

<style lang="scss">
      .k-block-type-aframe h1 {
      color:red;
      }
</style>

After the build a css file is generated:

.k-block-type-aframe h1{color:red}

Which should work, but it is not reflected in the panel.
What am I doing wrong?

Thanks!