css module doesnt work in Vue3

[xiaolinsq]

Bug report

Packages affected

• sandpack-client
• [✅ ] sandpack-react

Description of the problem

When using CSS Modules in Vue 3 Single File Component with <style module>, the $style object is not applied to the template. The class binding :class="$style.hello" doesn't work as expected.

<template>
  <div :class="$style.hello">
    HelloWorld
  </div>
</template>

<script>
export default {}
</script>

<style module>
.hello {
  font-size: 16px;
  color: red;
}
</style>