simplify usage of FallingLetters

Author: NiloCK

docs/cards.md

@@ -4,11 +4,7 @@ Test page works.
 
 <script setup lang="ts">
 import TestComponent from '@vue-skuilder/courseware/typing/questions/falling-letters/TestComponent.vue'
-import { defineAsyncComponent } from 'vue'
-
-const FallingLetters = defineAsyncComponent(
-  () => import('@vue-skuilder/courseware/typing/questions/falling-letters/FallingLetters.vue')
-)
+import FallingLetters from '@vue-skuilder/courseware/typing/questions/falling-letters/FallingLetters.vue'
 </script>
 
 ## Test Component (Working)
@@ -17,6 +13,4 @@ const FallingLetters = defineAsyncComponent(
 
 ## FallingLetters Component (Testing 1)
 
-<ClientOnly>
-  <FallingLetters :data="[{ gameLength: 30, initialSpeed: 1, acceleration: 0.2, spawnInterval: 1 }]" />
-</ClientOnly>
+<FallingLetters :data="[{ gameLength: 30, initialSpeed: 1, acceleration: 0.2, spawnInterval: 1 }]" />