デザイン修正とデータ取得処理追加

・Bootstrap対応
・API取得処理追加
・テスト追加

Author: ak2ie

@types/icons.d.ts

@@ -0,0 +1 @@
+declare module 'vue-material-design-icons/*'    // アイコン

@types/index.d.ts

@@ -1 +1,42 @@
-declare module 'vue-material-design-icons/*'    // アイコン
+import { Repositories } from '~/plugins/factories/ApiRepositoryFactory'
+import { accessorType } from '~/store'
+
+/* -------------------------------------------------------
+ * リポジトリ
+ * ------------------------------------------------------- */
+declare module '@nuxt/types' {
+  interface NuxtAppOptions {
+    readonly $repositories: <K extends keyof Repositories>(key: K) => ReturnType<Repositories[K]>
+    // readonly $repositories: repositories  // this.app.XXXでも、TS2349呼び出し不可となる
+  }
+}
+declare module 'vue/types/vue' {
+  interface Vue {
+    // $repositories: Repositories // This expression is not callable. Type 'Repositories' has no call signatures.Vetur(2349)
+    readonly $repositories: <K extends keyof Repositories>(key: K) => ReturnType<Repositories[K]>
+
+  }
+}
+
+
+declare module 'vuex' {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  interface Store<S> {
+    readonly $repositories: Repositories
+  }
+}
+
+/* -------------------------------------------------------
+ * Vuex
+ * ------------------------------------------------------- */
+declare module 'vue/types/vue' {
+  interface Vue {
+    $accessor: typeof accessorType
+  }
+}
+
+declare module '@nuxt/types' {
+  interface NuxtAppOptions {
+    $accessor: typeof accessorType
+  }
+}

assets/css/_var.scss

@@ -0,0 +1,5 @@
+$primary:       #BF9D73;
+$secondary:     #4369D9;
+$light:         #359AF2;
+$dark:          #0F1640;
+$info:          #2E3C8C;

assets/css/main.scss

@@ -0,0 +1,5 @@
+/* -------------------------------------------------
+ *  Bootstrap
+ * ------------------------------------------------- */
+@import "../../node_modules/bootstrap/scss/bootstrap";
+