checkpoint: working import from MR...

w/ no deps on other mr packages

Author: NiloCK

docs/cards.md

@@ -1,9 +1,9 @@
 # Cards
 
 <script setup>
-import FallingLetters from '@vue-skuilder/courseware/typing/questions/falling-letters/FallingLetters.vue'
+import TestComponent from '@vue-skuilder/courseware/typing/questions/falling-letters/TestComponent.vue'
 </script>
 
-Test page with Vue components from monorepo.
+Test page with simple Vue component from monorepo.
 
-<FallingLetters />
+<TestComponent />

packages/courseware/src/typing/questions/falling-letters/TestComponent.vue

@@ -0,0 +1,15 @@
+<template>
+  <div style="border: 2px solid red; padding: 20px; margin: 10px; background: #f9f9f9;">
+    <h2>Test Component from Monorepo</h2>
+    <p>This is a simple Vue component with no external dependencies.</p>
+    <button @click="count++" style="padding: 8px 16px; margin: 5px;">
+      Clicked {{ count }} times
+    </button>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const count = ref(0)
+</script>