Adam Bem
f16639b45e
Co-authored-by: Adam Bem <adam.bem@zoho.eu> Reviewed-on: #229 Reviewed-by: Mikolaj Widla <widlam@noreply.example.com>
20 lines
813 B
Vue
20 lines
813 B
Vue
<script setup lang="ts">
|
|
import xmlInputFieldComponent from '@/components/xml/XmlInputFieldComponent.vue';
|
|
import xmlOutputFieldComponent from '@/components/xml/XmlOutputFieldComponent.vue';
|
|
import { ref } from 'vue';
|
|
|
|
|
|
const xml = ref('');
|
|
const query = ref('');
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div id="layout" class="flex flex-col lg:flex-row w-full h-full gap-4">
|
|
<div class="flex flex-col w-full lg:w-1/2 h-full items-center gap-4">
|
|
<xmlInputFieldComponent stylized-name="XML" @update="(data) => {xml = data}"></xmlInputFieldComponent>
|
|
<xmlInputFieldComponent stylized-name="XQuery" @update="(data) => {query = data}"></xmlInputFieldComponent>
|
|
</div>
|
|
<xmlOutputFieldComponent tool="xquery" :xml="xml" :query="query"></xmlOutputFieldComponent>
|
|
</div>
|
|
</template> |