diff --git a/code/websites/pokedex.online/src/components/ProfessorPokeball.vue b/code/websites/pokedex.online/src/components/ProfessorPokeball.vue
index 7002c1d..4640e2e 100644
--- a/code/websites/pokedex.online/src/components/ProfessorPokeball.vue
+++ b/code/websites/pokedex.online/src/components/ProfessorPokeball.vue
@@ -19,14 +19,19 @@
 </template>
 
 <script setup>
-const props = withDefaults(defineProps<{
-  size?: string;
-  color?: string;
-  animate?: boolean;
-}>(), {
-  size: '100px',
-  color: '#ebebeb',
-  animate: false
+const props = defineProps({
+  size: {
+    type: String,
+    default: '100px'
+  },
+  color: {
+    type: String,
+    default: '#ebebeb'
+  },
+  animate: {
+    type: Boolean,
+    default: false
+  }
 });
 
 defineOptions({