Vue SFC Playground
Vue 3.4 + <script setup>
Template:
Counter & Timer (ref / reactive)
Computed & Watchers
Kanban & Todo Board (v-for / CRUD)
Form & Two-Way Binding (v-model)
Tailwind Glassmorphic Cards
Blank SFC Component
Run
Format
Live Run
Snippets
Share
Export
Vue SFC Editor
Live Preview
Console
0
App.vue
Ready
Copy
Vue SFC Compilation Error
✕
Full
Tablet (768px)
Mobile (375px)
Console
0
Terminal / Console
All
Errors
Warnings
Clear
✕
Console is ready. Logs from component will output here.
Saved Vue SFC Snippets
✕
Save Current
Copied to clipboard!