一覧画面に部品を並べてみた

[nsuzuki7713]

対応内容

9 #10 の内容を対応しました。

確認方法

branchを落として、list画面でいくつかの部品が並べられていることの確認をお願いします。

クローズするissue

close #9 close #10

このタスクで発生したissue

とくになし

その他

ひとまず、vuetifyjsのコンポーネントをコピペしてみました！

[haruto830]

画面は問題なく表示できましたが、/listアクセス時にコンソール側でエラーがでていました。

ERROR  [Vue warn]: Property or method "page" is not defined on the instance but referenced during render. 
Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <Pages/list.vue> at pages/list.vue
       <Nuxt>
         <VContent>
           <VApp>
             <Layouts/default.vue> at layouts/default.vue
               <Root>

pageメソッドが定義されていないとでていますが、ページネーション機能が未実装によるエラーでしょうか？

[nsuzuki7713]

修正しました！！たぶんこれで大丈夫なはず。。

[haruto830]

エラーでないようになりました！ 一覧表示も確認できたので、マージしておきます！