From 910f6afaf229ab415ff66fe7e6f16e435abc833f Mon Sep 17 00:00:00 2001
From: 62160286 <62160286@go.buu.ac.th>
Date: Wed, 22 Dec 2021 21:10:59 +0700
Subject: [PATCH] Create OXTable and Add component MyGame in index.js
---
src/components/OXTable.vue | 25 +++++++++++++++++++++++++
src/router/index.js | 5 +++++
src/views/MyGame.vue | 8 +++++++-
3 files changed, 37 insertions(+), 1 deletion(-)
create mode 100644 src/components/OXTable.vue
diff --git a/src/components/OXTable.vue b/src/components/OXTable.vue
new file mode 100644
index 0000000..87c1ba5
--- /dev/null
+++ b/src/components/OXTable.vue
@@ -0,0 +1,25 @@
+<template>
+ <div>
+ <table>
+ <tr>
+ <td>-</td>
+ <td>-</td>
+ <td>-</td>
+ </tr>
+ <tr>
+ <td>-</td>
+ <td>-</td>
+ <td>-</td>
+ </tr>
+ <tr>
+ <td>-</td>
+ <td>-</td>
+ <td>-</td>
+ </tr>
+ </table>
+ </div>
+</template>
+<script>
+export default {}
+</script>
+<style></style>
diff --git a/src/router/index.js b/src/router/index.js
index b6abbe1..e9f7797 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -21,6 +21,11 @@ const routes = [
name: 'MyPage',
component: () => import('../views/MyPage.vue'),
props: true
+ },
+ {
+ path: '/mygame',
+ name: 'MyGame',
+ component: () => import('../views/MyGame.vue')
}
]
diff --git a/src/views/MyGame.vue b/src/views/MyGame.vue
index d2e648b..8621369 100644
--- a/src/views/MyGame.vue
+++ b/src/views/MyGame.vue
@@ -1,7 +1,13 @@
<template>
<div>MyGame</div>
+ <OXTable />
</template>
<script>
-export default {}
+import OXTable from '../components/OXTable.vue'
+export default {
+ components: {
+ OXTable
+ }
+}
</script>
<style></style>
--
GitLab