Updates

Signed-off-by: MBWhite <whitemat@uk.ibm.com>
ampretia · Apr 20, 2024 · e2a9f7c · e2a9f7c
1 parent 0c692fc
commit e2a9f7c
Show file tree

Hide file tree

Showing 9 changed files with 417 additions and 20 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8">
+  <link rel="icon" href="/favicon.ico">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Vite App</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,6 +13,7 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
+    "bulma": "^1.0.0",
     "pinia": "^2.1.7",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0"

diff --git a/src/App.vue b/src/App.vue
@@ -13,6 +13,8 @@ import HelloWorld from './components/HelloWorld.vue'
       <nav>
         <RouterLink to="/">Home</RouterLink>
         <RouterLink to="/about">About</RouterLink>
+        <RouterLink to="/gridflip">GridFlip</RouterLink>
+        <RouterLink to="/flip">Flip</RouterLink>
       </nav>
     </div>
   </header>

diff --git a/src/assets/bulma.scss b/src/assets/bulma.scss
@@ -0,0 +1,3 @@
+@import 'bulma/css/bulma.css';
+
+
diff --git a/src/main.ts b/src/main.ts
@@ -1,4 +1,4 @@
-import './assets/main.css'
+import './assets/bulma.scss'
 
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'

diff --git a/src/router/index.ts b/src/router/index.ts
@@ -1,9 +1,21 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
+import GridFlipView from '../views/GridFlipView.vue'
+import FlipView from '../views/FlipView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
+    {
+      path: '/gridflip',
+      name: 'gridflip',
+      component: GridFlipView
+    },
+    {
+      path: '/flip',
+      name: 'flip',
+      component: FlipView
+    },
     {
       path: '/',
       name: 'home',