第一段階開発完了

frontend/src/pages/IndexPage.vue

@@ -8,41 +8,36 @@
         </q-breadcrumbs>
      </div>
       <div class="q-gutter-sm row items-start">
-        <doc-uploader></doc-uploader>
+        <doc-uploader @uploaded="onAppUploaded"></doc-uploader>
       </div>
+      <app-info v-if="props?.app" :app="props?.app"></app-info>
     </div>
   </q-page>
 </template>
 
 <script setup lang="ts">
-import { Todo, Meta } from 'components/models';
+import {ref} from 'vue'
 import DocUploader from 'components/DocUpload.vue';
-// import ExampleComponent from 'components/ExampleComponent.vue';
-import { ref } from 'vue';
+import AppInfo from 'components/AppInfo.vue';
+import { AppSeed } from 'src/components/models';
 
-const todos = ref<Todo[]>([
-  {
-    id: 1,
-    content: 'ct1'
-  },
-  {
-    id: 2,
-    content: 'ct2'
-  },
-  {
-    id: 3,
-    content: 'ct3'
-  },
-  {
-    id: 4,
-    content: 'ct4'
-  },
-  {
-    id: 5,
-    content: 'ct5'
-  }
-]);
-const meta = ref<Meta>({
-  totalCount: 1200
+interface AppInfo {
+  app:string,
+  revision:string
+}
+
+const appseed = withDefaults( defineProps<AppSeed>(),{
+   app:''
 });
+
+// const appseed = defineProps<AppSeed>();
+
+const props =  ref(appseed);
+
+function onAppUploaded(responseText :string){
+  let json:AppInfo = JSON.parse(responseText);
+  props.value=json;
+}
+
+
 </script>

frontend/src/pages/RuleEditor.vue

@@ -7,7 +7,7 @@
           <q-breadcrumbs-el :label="title" icon="rule" />
         </q-breadcrumbs>
       </div>
-      <div id="q-app" style="min-height: 100vh;">
+      <div style="min-height: 100vh;">
         <div class="q-pa-md">
             <q-btn-dropdown
               split

frontend/src/pages/testQursar.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+
+  </div>
+</template>
+<script>
+export default {
+
+}
+</script>
+<style lang="scss">
+
+</style>