vue-to-tsx Playground
Convert
LLM fallback
Vue SFC Input
<template> <div class="greeting"> <h1>{{ msg }}</h1> </div> </template> <script setup lang="ts"> const msg = 'Hello, TSX!' </script> <style scoped> .greeting { color: blue; } </style>
TSX Output
CSS Output