CSS Modules in single file components don't work if extract CSS option is enabled

[alekbarszczewski]

Do you want to request a feature or report a bug?

Bug

What is the current behavior?

It seems that CSS modules in single file components (vue) don't work if extract CSS options is enabled

If the current behavior is a bug, please provide the steps to reproduce.

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

<script>
  export default {}
</script>

<style module lang="scss">
  .logoImage {
    height: 50px;
  }
</style>

poi.config.js:

module.exports = (options, req) => ({
  entry: './src/app.js',
  css: {
    extract: true
  }
})

It throws following error:

[Vue warn]: Error in render: "TypeError: Cannot read property 'logoImage' of undefined"

If I change extract CSS option to false then it works

What is the expected behavior?

It should support CSS modules when extract CSS option is enabled

Please mention other relevant information such as the browser version, Node.js version, Poi version and Operating System.

"node-sass": "^4.9.0",
"poi": "^10.1.9",
"sass-loader": "^7.0.1"
"vue": "^2.5.16"

Node.js: v8.10.0
Mac OS X

[github-actions]

This issue has been marked as Stale, it will be closed in a week if there's no furthur activity.