mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
841 B
41 lines
841 B
<template> |
|
<div class="container"> |
|
<div> |
|
<img alt="Vue logo" src="../assets/icon.png" width="50"> |
|
<Toast /> |
|
|
|
<div > |
|
<form @submit.prevent="greet"> |
|
<InputText type="text" v-model="text"/> |
|
<Button type="submit" label="Submit"/> |
|
</form> |
|
</div> |
|
</div> |
|
</div> |
|
</template> |
|
|
|
<script setup lang="ts"> |
|
import { ref } from 'vue'; |
|
import { useToast } from "primevue/usetoast"; |
|
const text = ref(); |
|
const toast = useToast(); |
|
const greet = () => { |
|
toast.add({severity: 'info', summary: 'Hello ' + text.value}); |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
.container { |
|
margin: 0 auto; |
|
min-height: 100vh; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
div { |
|
display: flex; |
|
flex-direction: column; |
|
align-items: center; |
|
margin-top: 1rem; |
|
} |
|
} |
|
</style>
|
|
|