refactor: formula-core.vue to composition api

packages/client/src/components/formula-core.vue

@@ -4,29 +4,18 @@
 <span v-else v-html="compiledFormula"></span>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
-import { defineComponent } from 'vue';
+import { computed } from 'vue';
 import katex from 'katex';
 
-export default defineComponent({
+const props = defineProps<{
-	props: {
+	formula: string;
-		formula: {
+	block: boolean;
-			type: String,
+}>();
-			required: true,
+
-		},
+const compiledFormula = computed(() => katex.renderToString(props.formula, {
-		block: {
+	throwOnError: false,
-			type: Boolean,
+}));
-			required: true,
-		},
-	},
-	computed: {
-		compiledFormula(): any {
-			return katex.renderToString(this.formula, {
-				throwOnError: false,
-			} as any);
-		},
-	},
-});
 </script>
 
 <style>