Merge branch 'qi'

src/components/ExpressionEditor.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import {defineEmits, onMounted, ref} from 'vue'
 import {MathStatement} from '../support/parse'
-import Katex from '../components/Katex.vue'
+import Katex from './Katex.vue'
 import { v4 as uuidv4 } from 'uuid'
 import {StatementID} from '../support/types'
 
@@ -64,7 +64,7 @@ onMounted(() => {
 
 <template>
   <q-card>
-    <q-card-section>
+    <q-card-section v-if="expressionValue">
       <div style="display: flex; justify-content: center">
         <Katex
           :key="expressionPreviewKey"

src/components/FunctionEditor.vue

@@ -69,7 +69,7 @@ onMounted(() => {
 <template>
   <q-card>
     <q-card-section>
-      <div style="display: flex; justify-content: center">
+      <div  v-if="functionValue" style="display: flex; justify-content: center">
         <Katex
           :key="functionPreviewKey"
           :statement="functionPreview"

src/components/Statement.vue

@@ -39,7 +39,7 @@ computed(() => value = getValueStatement())
 </style>
 
 <template>
-  <div class="math-statement" style="background: white">
+  <div class="math-statement" style="background: var(--q-dark)">
     <div class="content">
       <Katex :statement="statement" size="big"/>
       <div class="result" v-if="value">

src/components/VarDeclEditor.vue

@@ -3,7 +3,7 @@ import * as math from 'mathjs'
 import {onMounted, ref} from 'vue'
 import {MathStatement} from '../support/parse'
 import {v4 as uuidv4} from 'uuid'
-import Katex from '../components/Katex.vue'
+import Katex from './Katex.vue'
 import {StatementID} from '../support/types'
 
 const props = defineProps<{

src/pages/Editor.vue

@@ -5,8 +5,8 @@ import { MathPage } from '../support/page'
 import { MathStatement } from '../support/parse'
 import { ChartBox, EvaluationResult, hasOwnProperty } from '../support/types'
 import Statement from '../components/Statement.vue'
-import VarDeclEditor from './VarDeclEditor.vue'
+import VarDeclEditor from '../components/VarDeclEditor.vue'
-import ExpressionEditor from './ExpressionEditor.vue'
+import ExpressionEditor from '../components/ExpressionEditor.vue'
 import TextBox from '../components/TextBox.vue'
 <<<<<<< HEAD
 import ImageBox from '../components/ImageBox.vue'