Improve DX of ClientOnly component about vike-vue HOT 3 OPEN

An easy workaround would be that we write the d.ts ourselves, instead of using the generated one.

from vike-vue.

An easy workaround would be that we write the d.ts ourselves, instead of using the generated one.

Could you elaborate?

My thinking was doing something along these lines

ClientOnly.vue

<script lang="ts" setup generic="T">
  type Props = {
     load: T
  }

  type ForwardProps = Awaited<ReturnValue<T>>["props"] // this isn't correct, I don't know how to get the props of the loaded component as of now

  defineProps<Props & ForwardProps>()
</script>

The main problem here is that we have a dynamic import, so I don't think I can just use the return value here. I have yet to try this out though.

from vike-vue.

I don't know much about Vue's TypeScript support but, in principle, if we manually create the .d.ts file for ClientOnly ourselfes then that should work (assuming SFC's TypeScript support is "lossless").

I guess the question boils down to that: can we make it work when the user doesn't use SFC? If yes and if SFC TypeScript is lossless, then we're good.

from vike-vue.