Allow decorators (and TypeScript) in component

What problem does this feature solve?

Allow using decorators inside component (and TypeScript).

I’m using TypeScript in .vue files with nuxt-property-decorator. Since nuxt-i18n 3.x is using acron to parse each component files to check i18n property, it will throw exception on decorations (e.g. @Component from nuxt-property-decorator)

As I know, acron has a plugin acron-es7 can parse. But the better solution is to load component files via webpack processor that webpack will solve the future syntax.

What does the proposed changes look like?

While using nuxt-i18n 3.x, I can use these syntax below in component file:

<script lang="ts">
import {
  Component,
  Vue,
} from 'nuxt-property-decorator'
import AppLogo from '~/components/AppLogo.vue'

@Component({ // <- acron (or nuxt-i18n) should not blame here
  components: {
    AppLogo
  }
})
export default class extends Vue {
}
</script>

<div align="right">_{This feature request is available on Nuxt.js community (#c71)}</div>

[paulgv]

@pamls Unfortunately it isn’t. The recommended workaround is to disable pages parsing and fallback on the modules configuration to customize paths:

• https://nuxt-community.github.io/nuxt-i18n/routing.html#custom-paths
• https://nuxt-community.github.io/nuxt-i18n/routing.html#module-s-configuration

[m4rvr]

Any update on this?