Using Parcel to build a library with Vue and TypeScript

[padcom]

Hello,

I really hope someone will be able to help me with this. It's driving me nuts that I can't get it to work properly.

https://github.com/padcom/parcel-vue-example

That's a very simple project, a component library using Vue.js 3.x with a demo project (as per #8087 - just with TypeScript added on top of it). When I try to build it this is what I get:

$ npm run build

> [email protected] build
> npm run clean && parcel build ./src/index.ts


> [email protected] clean
> rimraf dist .parcel-cache


@parcel/transformer-typescript-types: Cannot find module './components/Counter.vue' or its corresponding type 
declarations.

  /home/padcom/presentation/src/index.ts:1:36
  > 1 | export { default as Counter } from './components/Counter.vue'
  >   |                                    ^^^^^^^^^^^^^^^^^^^^^^^^^^^ Cannot find module './components/Counter.vue' or its corresponding type declarations.
    2 | 

✨ Built in 839ms

dist/index.cjs.js    4.62 KB    19ms
dist/index.ejs.js    4.81 KB    23ms
dist/index.d.ts        100 B     7ms

As you can see, the library was built but the following problems occur:

• see the error above
• the dist/index.d.ts only contains type information for src/index.ts and misses both the composables (src/components/timer.ts, src/components/counter.ts)

Please help me figure this thing out. I've tried so many things to standardize my development of libraries and pretty much everything else (besides parcel) is hard enough to just not be a valid option.