diff --git a/site/components.d.ts b/site/components.d.ts
index fbaebea..46c00f4 100644
--- a/site/components.d.ts
+++ b/site/components.d.ts
@@ -13,6 +13,7 @@ declare module 'vue' {
HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
Player: typeof import('./src/components/Player.vue')['default']
PlayerHP: typeof import('./src/components/PlayerHP.vue')['default']
+ PlayerItems: typeof import('./src/components/PlayerItems.vue')['default']
TheLanding: typeof import('./src/components/TheLanding.vue')['default']
}
}
diff --git a/site/src/components/Player.vue b/site/src/components/Player.vue
index 1736e49..3444c9d 100644
--- a/site/src/components/Player.vue
+++ b/site/src/components/Player.vue
@@ -1,8 +1,14 @@
-
-
+
+
+
+
+
+
+
+
@@ -17,5 +23,6 @@ export interface Props {
const props = defineProps();
-const rowClass = computed(() => ({ 'd-flex': true, 'justify-end': props.dealer, 'justify-start': !props.dealer }));
-
\ No newline at end of file
+const closeClass = computed(() => ({ 'd-flex': true, 'justify-end': props.dealer, 'justify-start': !props.dealer }));
+const farClass = computed(() => ({ 'd-flex': true, 'justify-end': !props.dealer, 'justify-start': props.dealer }));
+
diff --git a/site/src/components/PlayerItems.vue b/site/src/components/PlayerItems.vue
new file mode 100644
index 0000000..dd7f8f5
--- /dev/null
+++ b/site/src/components/PlayerItems.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
+ {{ props.items[itemIndex(r, c)] }}
+
+
+
+
+
+
+