Vue declaration files endings -- `.vue.d.ts` vs. `.d.ts`

[m4rvr]

What happens and why it is wrong

Building works fine but the generated declaration file from a SFC for example MyComponent.vue is named as MyComponent.vue.d.ts which breaks my imports (also generates like that without importing another SFC).

Renaming the file to MyComponent.d.ts works and the errors are gone.

Environment

I'm using this plugin together with rollup-plugin-vue and rollup-plugin-babel. I also have @rollup/plugin-commonjs & @rollup/plugin-node-resolve if that does matter.

Could that be a configuration problem with my tsconfig.json? I will try to add the configs if needed.

Versions

• typescript: 3.8.3
• rollup: 2.3.2
• rollup-plugin-typescript2: 0.27.0

[ezolenko]

Could you check if bug/224 branch works for you? https://github.com/ezolenko/rollup-plugin-typescript2/tree/bug/224

[joakimbugge]

I just wanted to let you know that I have basically the same setup and I tested your branch. A single dot is still remaining in the file name, e.g. Alert.vue -> Alert..d.ts.

[Mister-Hope]

Any progress on this?

[agilgur5]

Wrote up a PR #336 to fix this, building on top of ezolenko's earlier branch and incorporating feedback from above on it.

Just noting that the root cause here is that the rollup-plugin-vue maintainers themselves said to name it as .vue.d.ts in #97 (comment) . Given that this is an integration specifically for that plugin, don't think anyone wouldn't have thought that their suggestion could cause some issues like this, but we all make mistakes 😅

[agilgur5]

Released in 0.32.0