Vue 3 with the Composition API, loaded as an ES module. No build step.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Vue starter</title>
</head>
<body>
<div id="app" class="app" v-cloak>
<a href="https://vuejs.org/" target="_blank"
><svg class="logo vue" viewBox="0 0 261.76 226.69" role="img" aria-label="Vue">
<path
d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z"
fill="#41b883"
/>
<path
d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z"
fill="#34495e"
/></svg
></a>
<h1>{{ message }}</h1>
<div class="card">
<button type="button" @click="count++">count is {{ count }}</button>
<p>Edit <code>script.js</code> and watch the preview update.</p>
</div>
<p class="hint">
Check out the
<a href="https://vuejs.org/guide/quick-start.html" target="_blank">Vue docs</a> to learn
more.
</p>
</div>
</body>
</html>