[WIP]本を登録するページの作成

api/googleBooks.js

@@ -0,0 +1,13 @@
+import axios from '@nuxtjs/axios';
+
+const client = {
+  client: axios.create({
+    baseURL: 'https://www.googleapis.com/books/v1',
+  }),
+  async requestBookInformation(isbn) {
+    const resp = await this.client.get(`/${isbn}`);
+    return resp.data;
+  },
+};
+
+export default client;

pages/books/new.vue

@@ -0,0 +1,66 @@
+<template>
+  <div class="container">
+    <div class="field">
+      <label class="label">ISBN</label>
+      <div class="control">
+        <input class="input" type="text">
+      </div>
+    </div>
+
+    <div class="field">
+      <label class="label">タイトル</label>
+      <div class="control">
+        <input class="input" type="text">
+      </div>
+    </div>
+
+    <div class="field">
+      <label class="label">筆者</label>
+      <div class="control">
+        <input class="input" type="text">
+      </div>
+    </div>
+
+    <div class="field">
+      <label class="label">出版社</label>
+      <div class="control">
+        <input class="input" type="text">
+      </div>
+    </div>
+
+    <div class="field">
+      <label class="label">出版日</label>
+      <div class="control">
+        <input class="input" type="text">
+      </div>
+    </div>
+
+    <div class="field">
+      <label class="label">説明</label>
+      <div class="control">
+        <textarea class="textarea" />
+      </div>
+    </div>
+
+    <div class="is-vcenterd">
+      <figure class="image is-128x128">
+        <img src="http://placehold.jp/3d4070/ffffff/150x150.png?text=Placeholder">
+      </figure>
+    </div>
+
+    <div class="field">
+      <div class="control">
+        <button class="button is-link is-primary">
+          決定
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import 'bulma/css/bulma.css';
+
+export default {
+};
+</script>