has anyone tried kotlin with vue?

# javascript

[Martin Nowosad]

has anyone tried kotlin with vue?

[altavir]

I know that @lewik tried, but the results are mostly negative so far. Vue has its own preprocessor.

[lewik]

I have vue with kotlin in prod. It works but code is ugly. It's unable to use .vue files: kotlin have no per file compilation (as I know). So you will need to declare components with vue api. And there is no tooling for all of it.

Mention me, if I'm wrong.

[Daniele B]

Better to wait for Compose for Web

[Martin Nowosad]

damn

[Martin Nowosad]

am thinking then about writing the SDK (domain+data layers) in kotlin

[Martin Nowosad]

and compile it to JS

[lewik]

@Martin Nowosad You could investigate, isn't something new there.

[Martin Nowosad]

I know, I’ve done this before with Kotlin Multiplatform

[Martin Nowosad]

would have been nice though to have a vue kotlin wrapper

[altavir]

You can always implement the UI in JS/TS. JS-IR compiler allows to prepare TS-compatible bundles with external typings.

[Martin Nowosad]

thanks for the hint, do you happen to have a resource for an example?

[altavir]

Here is the part of the documentation: https://kotlinlang.org/docs/reference/js-ir-compiler.html#preview-generation-of-typescript-declaration-files-dts. I tied to do it (IR + execution.library()) and it works fine from my inline JS, but I did not try anything more complicated

[Martin Nowosad]

I’ll have a look into this after work today, thank you alot

[Sebastian Aigner]

A bit late to the party, but @Marius Weidner shared the following project on their GitHub: Ktor - Vue.js + TypeScript - Type Sharing. Maybe interesting if you’re still evaluating this.

[Dieter Konrad]

Vite+Vue3+Javalin. Using vite config outputs into dist and javalin serves it. In same project but separated from another. HTML+Vue in frontend folder and Kotlin+Javalin in src.