条件エディタ実装

frontend/src/pages/conditionPage.vue

@@ -4,7 +4,7 @@
       <q-btn @click="showCondition()" class="q-mt-md" color="primary" icon="mdi-plus">条件エディタ表示</q-btn>
     </div>
     <condition-editor v-model:show="show" v-model:conditionTree="tree"></condition-editor>
-    <p>{{conditionString}}</p>
+    <q-code>{{conditionString}}</q-code>
   </q-page>
 </template>
 
@@ -16,7 +16,7 @@ import { ConditionTree,GroupNode,ConditionNode,LogicalOperator,Operator } from '
 
 const store = useFlowEditorStore();
 const tree = reactive(new ConditionTree());
-const newNode = new ConditionNode(LogicalOperator.AND,{},Operator.Equal,'',tree.root);
+const newNode = new ConditionNode({},Operator.Equal,'',tree.root);
 tree.addNode(tree.root,newNode);
 
 const show =ref(false);