WIP: Select a square

app/components/app.vue

@@ -6,8 +6,9 @@
 
 <script>
 import ChessBoard from './chess-board';
+import ChessPiece from "./chess-piece";
 
 export default {
-  components: { ChessBoard }
+  components: { ChessBoard, ChessPiece }
 };
 </script>

app/components/chess-board.vue

@@ -17,5 +17,10 @@ export default {
       return this.$store.state.board;
     }
   },
+
+  methods: {
+    selectSquare: () => {
+    }
+  }
 };
 </script>

app/components/chess-piece.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="board-square" :class="classes(piece)">
+  <div class="board-square" :class="classes(piece)"
+    v-on:click="selectSquare">
   </div>
 </template>
 
@@ -11,6 +12,9 @@ export default {
         return [piece.type, piece.colour];
       }
     },
+    selectSquare: () => {
+      console.log("Clicked square");
+    }
   },
 
   props: ["piece"]

package.json

@@ -7,7 +7,6 @@
     "babel-plugin-transform-runtime": "^6.15.0",
     "brunch": "^2.9.1",
     "javascript-brunch": "^2.0.0",
-    "jquery": "^3.1.1",
     "sass-brunch": "^2.7.0",
     "vue": "^2.0.5",
     "vue-brunch": "^1.2.3",

yarn.lock

@@ -1941,10 +1941,6 @@ jodid25519@^1.0.0:
   dependencies:
     jsbn "~0.1.0"
 
-jquery:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.1.1.tgz#347c1c21c7e004115e0a4da32cece041fad3c8a3"
-
 js-base64@^2.1.9:
   version "2.1.9"
   resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.1.9.tgz#f0e80ae039a4bd654b5f281fc93f04a914a7fcce"