From b3b8e5609266069948f572fef64f526008a6a763 Mon Sep 17 00:00:00 2001
From: Francis Dinh <normandy@biribiri.dev>
Date: Fri, 19 Aug 2022 15:58:16 -0400
Subject: [PATCH] refactor: formula.vue to composition api

---
 packages/client/src/components/formula.vue | 24 +++++++---------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/packages/client/src/components/formula.vue b/packages/client/src/components/formula.vue
index d6ff61c9f..aa8d1b5c7 100644
--- a/packages/client/src/components/formula.vue
+++ b/packages/client/src/components/formula.vue
@@ -2,22 +2,12 @@
 <XFormula :formula="formula" :block="block"/>
 </template>
 
-<script lang="ts">
-import { defineComponent, defineAsyncComponent } from 'vue';
+<script lang="ts" setup>
+import { defineAsyncComponent } from 'vue';
 
-export default defineComponent({
-	components: {
-		XFormula: defineAsyncComponent(() => import('./formula-core.vue')),
-	},
-	props: {
-		formula: {
-			type: String,
-			required: true,
-		},
-		block: {
-			type: Boolean,
-			required: true,
-		},
-	},
-});
+const XFormula = defineAsyncComponent(() => import('./formula-core.vue'));
+defineProps<{
+	formula: string;
+	block: boolean;
+}>();
 </script>