JSFiddle - React, Tailwind, and code Playground

by imall

HTML

<script src="https://unpkg.com/vue@3.3.4/dist/vue.global.js"></script>
    <div id="app">
      <input type="text" v-model.number="text1">+
      <input type="text" v-model.number="text2">=
      {{ text1 + text2}}

    </div>

CSS

* {
            margin: 0;
            padding: 0;
        }

        .outer {
            background-color: #ccc;
            height: 100vh;
            position: absolute;
            inset: 0;
            margin: auto;
        }

        .inner {
            width: 100px;
            height: 100px;
            background-color: #fff;
            position: fixed;
            inset: 0;
            margin: auto;
        }

JavaScript

Vue.createApp({
  setup() {
    const text1 = Vue.ref(0);
    const text2 = Vue.ref(0);
    
    return { text1,text2 };
  },
}).mount("#app");