Fix minor Card/CardGroup issues, + package update

Signed-off-by: Anatoli Nicolae <an@thundersquared.com>

Author: anatolinicolae

demo/index.md

@@ -110,7 +110,7 @@ Warning raises a warning to watch out for `python`
   Here is a card with a duotone yellow icon
 </Card>
 
-<CardGroup cols="2">
+<CardGroup :cols="2">
   <Card title="First Card" icon="envelope" color="#ea5a0c" href="#">
     Neque porro quisquam est qui dolorem ipsum quia dolor sit amet
   </Card>

package.json

@@ -52,10 +52,10 @@
     "@mdit-vue/types": "^0.12.0",
     "@types/body-scroll-lock": "^3.1.0",
     "@types/estree": "^1.0.1",
-    "@types/node": "^20.4.0",
+    "@types/node": "^20.4.4",
     "prettier": "^3.0.0",
     "typescript": "^5.1.6",
-    "vitepress": "1.0.0-beta.5",
+    "vitepress": "1.0.0-beta.6",
     "vue": "^3.3.4"
   },
   "peerDependencies": {

src/components/Card.vue

@@ -19,13 +19,13 @@ const tag = computed(() => props.href ? 'a' : 'div')
             <FontAwesomeIcon :icon="props.icon"></FontAwesomeIcon>
         </div>
         <h3 class="card-title">{{ props.title }}</h3>
-        <span class="card-body">
+        <div class="card-body">
             <slot></slot>
-        </span>
+        </div>
     </component>
 </template>
 
-<style scoped>
+<style>
 .card {
     --vp-c-brand: initial;
     border: 1px solid var(--vp-custom-block-info-border);

src/components/CardGroup.vue

@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-defineProps<{
+defineProps({
     cols: {
-        type: number,
+        type: Number,
         default: 2,
         required: false
     }
-}>()
+})
 </script>
 
 <template>