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>