Can't we use styled components with vuejs templates? Or is jsx mandatory?

[shibisuriya]

I was wonder if we could write code like this instead of using vuejs's jsx feature? Since I am facing some reactivity issues while working with jsx...

<template>
  <dummy-component></dummy-component>
</template>
<script>
import DummyComponent from './DummyComponent.vue'
import { styled } from '@egoist/vue-emotion'
export default {
  components: {
    'dummy-component': styled(DummyComponent)`
      .title:hover {
        color: #ed508f;
      }
    `,
  },
}
</script>
<style lang="scss" scoped></style>