builder structure and data model update cycle

src/views/admin/club/query/Builder.vue

@@ -7,7 +7,7 @@
     </template>
     <template #diffMain>
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
-        <BuilderHost />
+        <BuilderHost v-model="query" />
         <p>Ergebnisse:</p>
         <Pagination
           :items="data"
@@ -31,12 +31,15 @@ import MainTemplate from "@/templates/Main.vue";
 import Pagination from "@/components/Pagination.vue";
 import { useQueryBuilderStore } from "@/stores/admin/queryBuilder";
 import BuilderHost from "../../../../components/queryBuilder/BuilderHost.vue";
+import type { DynamicQueryStructure } from "@/types/dynamicQueries";
 </script>
 
 <script lang="ts">
 export default defineComponent({
   data() {
-    return {};
+    return {
+      query: undefined as undefined | DynamicQueryStructure,
+    };
   },
   computed: {
     ...mapState(useQueryBuilderStore, ["loading", "loadingData", "tableMetas", "data", "totalLength"]),