diff --git a/docs/components/global/ClipboardIcon.vue b/docs/components/global/ClipboardIcon.vue
index edf2696a..a66f6af1 100644
--- a/docs/components/global/ClipboardIcon.vue
+++ b/docs/components/global/ClipboardIcon.vue
@@ -1,8 +1,7 @@
-<script>
-export default {
-  name: 'ClipboardIcon',
-  props: { copy: Boolean },
-}
+<script setup lang="ts">
+const { copy } = defineProps<{
+  copy?: boolean
+}>()
 </script>
 
 <template>
diff --git a/docs/components/global/IconMastodon.vue b/docs/components/global/IconMastodon.vue
index d4647dd9..74d32d76 100644
--- a/docs/components/global/IconMastodon.vue
+++ b/docs/components/global/IconMastodon.vue
@@ -1,8 +1,4 @@
-<script>
-export default {
-  name: 'IconMastodon',
-}
-</script>
+<script setup lang="ts"></script>
 
 <template>
   <svg width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.258 13.99c-.274 1.41-2.456 2.955-4.962 3.254c-1.306.156-2.593.3-3.965.236c-2.243-.103-4.014-.535-4.014-.535c0 .218.014.426.04.62c.292 2.215 2.196 2.347 4 2.41c1.82.062 3.44-.45 3.44-.45l.076 1.646s-1.274.684-3.542.81c-1.25.068-2.803-.032-4.612-.51c-3.923-1.039-4.598-5.22-4.701-9.464c-.031-1.26-.012-2.447-.012-3.44c0-4.34 2.843-5.611 2.843-5.611c1.433-.658 3.892-.935 6.45-.956h.062c2.557.02 5.018.298 6.451.956c0 0 2.843 1.272 2.843 5.61c0 0 .036 3.201-.397 5.424zm-2.956-5.087c0-1.074-.273-1.927-.822-2.558c-.567-.631-1.308-.955-2.229-.955c-1.065 0-1.871.41-2.405 1.228l-.518.87l-.519-.87C11.276 5.8 10.47 5.39 9.405 5.39c-.921 0-1.663.324-2.229.955c-.549.631-.822 1.484-.822 2.558v5.253h2.081V9.057c0-1.075.452-1.62 1.357-1.62c1 0 1.501.647 1.501 1.927v2.79h2.07v-2.79c0-1.28.5-1.927 1.5-1.927c.905 0 1.358.545 1.358 1.62v5.1h2.08V8.902z" /></svg>
diff --git a/docs/components/global/ToggleIcon.vue b/docs/components/global/ToggleIcon.vue
index 256f64cd..b3913ffd 100644
--- a/docs/components/global/ToggleIcon.vue
+++ b/docs/components/global/ToggleIcon.vue
@@ -1,8 +1,7 @@
-<script>
-export default {
-  name: 'ToggleIcon',
-  props: { up: Boolean },
-}
+<script setup lang="ts">
+const { up } = defineProps<{
+  up?: boolean
+}>()
 </script>
 
 <template>