diff --git a/packages/client/src/components/ui/info.vue b/packages/client/src/components/ui/info.vue
index c972f6690..6ffaf6199 100644
--- a/packages/client/src/components/ui/info.vue
+++ b/packages/client/src/components/ui/info.vue
@@ -6,21 +6,11 @@
 </div>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-	props: {
-		warn: {
-			type: Boolean,
-			required: false,
-			default: false,
-		},
-	},
-	data() {
-		return {
-		};
-	},
+<script lang="ts" setup>
+withDefaults(defineProps<{
+	warn?: boolean;
+}>(), {
+	warn: false,
 });
 </script>