diff --git a/src/components/ImageBox.vue b/src/components/ImageBox.vue
index 80216ac..21a91e2 100644
--- a/src/components/ImageBox.vue
+++ b/src/components/ImageBox.vue
@@ -1,12 +1,8 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import { RichTextBox } from "../types.ts";
-import { stepX, stepY } from "../support/const.ts";
-const props = defineProps({
-  value: {
-    type: RichTextBox,
-  },
-});
+import { RichTextBox } from "../support/types";
+import { stepX, stepY } from "../support/const";
+const props = defineProps<{value: RichTextBox}>();
 </script>
 
 <template>
diff --git a/src/components/Statement.vue b/src/components/Statement.vue
index 05b4a2e..2a80941 100644
--- a/src/components/Statement.vue
+++ b/src/components/Statement.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {EvaluationResult, Maybe} from '../types'
+import {EvaluationResult, Maybe} from '../support/types'
 import {MathStatement} from '../support/parse'
 import {computed} from 'vue'
 import Katex from './Katex.vue'
diff --git a/src/components/TextBox.vue b/src/components/TextBox.vue
index 80216ac..7318fa9 100644
--- a/src/components/TextBox.vue
+++ b/src/components/TextBox.vue
@@ -1,12 +1,9 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import { RichTextBox } from "../types.ts";
-import { stepX, stepY } from "../support/const.ts";
-const props = defineProps({
-  value: {
-    type: RichTextBox,
-  },
-});
+import { RichTextBox } from "../support/types";
+import { stepX, stepY } from "../support/const";
+const props = defineProps<{value: RichTextBox}>();
+
 </script>
 
 <template>
diff --git a/src/pages/Editor.vue b/src/pages/Editor.vue
index 0ec3342..3d5fba2 100644
--- a/src/pages/Editor.vue
+++ b/src/pages/Editor.vue
@@ -101,10 +101,10 @@ const makeNewRichTextBox = () => {
   richEditID.value = richTextStatements.value.length - 1;
   richEditExpression.value = richTextStatements.value[richEditID.value].text;
   richEditModal.value = true;
-  console.log("editing statement", id, richEditModal);
+  console.log("editing statement",richEditID.value, richEditModal);
 };
 
-const richTextStatements = ref([]);
+const richTextStatements = ref([new RichTextBox("Hello World")]);
 
 const richEditModal = ref(false);
 const richEditExpression = ref("");
diff --git a/src/pages/ExpressionEditor.vue b/src/pages/ExpressionEditor.vue
index 6fffc12..ecd565b 100644
--- a/src/pages/ExpressionEditor.vue
+++ b/src/pages/ExpressionEditor.vue
@@ -3,7 +3,7 @@ import {defineEmits, ref} from 'vue'
 import {MathStatement} from '../support/parse'
 import Katex from '../components/Katex.vue'
 import { v4 as uuidv4 } from 'uuid'
-import {StatementID} from '../types'
+import {StatementID} from '../support/types'
 
 const emit = defineEmits<{
   (eventName: 'save', statement: MathStatement): void
diff --git a/src/pages/VarDeclEditor.vue b/src/pages/VarDeclEditor.vue
index a8f545f..53cc274 100644
--- a/src/pages/VarDeclEditor.vue
+++ b/src/pages/VarDeclEditor.vue
@@ -3,7 +3,7 @@ import {ref} from 'vue'
 import {MathStatement} from '../support/parse'
 import {v4 as uuidv4} from 'uuid'
 import Katex from '../components/Katex.vue'
-import {StatementID} from '../types'
+import {StatementID} from '../support/types'
 
 const emit = defineEmits<{
   (eventName: 'save', statement: MathStatement): void,