ts-transformer not working for Vue.js SFCs?

[glen-84]

I'm relying on ts-transformer to insert message IDs, but this doesn't appear to work when the message is inside a Vue.js single-file component?

Is this easy to fix?

Edit: I don't think that it's looking for the $intl + $format* functions.

[longlho]

I'm not 100% sure about the vue toolchain but we have tests for that in babel-plugin-formatjs and not ts-transformer. Any reason why you cannot use the babel plugin? What's your build setup?

[glen-84]

I'm using TypeScript/ts-loader, and I really don't want to include another build tool.

[longlho]

Do you have a sample setup we can test with? All the vue examples I saw use babel to transpile TS.

[glen-84]

https://github.com/glen-84/ts-transformer-vue-sfc

The webpack configuration for ts-loader is here, and it works for the second message in client/src/app/site/views/index.vue.

Thanks.

[longlho]

So u have to let ts-loader process js files as well (change your test value to /\.[t|j]s$/u).

[glen-84]

It works. 🎉 Thank you for making these changes.

PS. [t|j] should be [tj] or (t|j).