diff --git a/packages/client/src/components/page-preview.vue b/packages/client/src/components/page-preview.vue
index 7f7ff1a0a..d5f02ce6a 100644
--- a/packages/client/src/components/page-preview.vue
+++ b/packages/client/src/components/page-preview.vue
@@ -14,21 +14,12 @@
 </MkA>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue';
+<script lang="ts" setup>
 import { userName } from '@/filters/user';
 
-export default defineComponent({
-	props: {
-		page: {
-			type: Object,
-			required: true,
-		},
-	},
-	methods: {
-		userName,
-	},
-});
+defineProps<{
+	page: Record<string, any>;
+}>();
 </script>
 
 <style lang="scss" scoped>