<script setup>

   import { ref } from 'vue'

   import { EButton } from 'eurus-ui'

   import { ElButton } from 'element-plus'

   import { QBtn } from 'quasar'

   const msg = ref('Hello World!')

​

​

   const handleClick = () => {

     alert('瞅你咋地？')

   }

 </script>

 <template>

   <h3>{{ msg }}</h3>

   <input v-model='msg'>

   <br/>

   <h4>element-plus</h4>

   <el-button @click='handleClick'>element-plus</el-button>

   <h4>eurus-ui</h4>

   <e-button @click='handleClick'>eurus-ui</e-button>

    <h4>quasar</h4>

    <q-btn color="white" text-color="black" label="Standard" />

    <q-btn color="primary" label="Primary" />

    <q-btn color="secondary" label="Secondary" />

    <q-btn color="amber" glossy label="Amber" />

    <q-btn color="brown-5" label="Brown 5" />

    <q-btn color="deep-orange" glossy label="Deep Orange" />

    <q-btn color="purple" label="Purple" />

    <q-btn color="black" label="Black" />

 </template>

 <style>

   h1 {

     color: red;

   }

 </style>