chore: Rename components to PascalCase

components/comment.vue

 <template>
-  <li v-if="comment" class="comment">
+  <li v-if="comment && comment.user" class="comment">
     <div class="by">
       <router-link :to="'/user/' + comment.user">
         {{ comment.user }}
@@ -54,10 +54,10 @@ export default {
   }
 
   .by {
-    color: #828282;
+    color: #222;
 
     a {
-      color: #828282;
+      color: #222;
       text-decoration: underline;
     }
   }
@@ -66,7 +66,7 @@ export default {
     overflow-wrap: break-word;
 
     a:hover {
-      color: #ff6600;
+      color: #111;
     }
 
     pre {
@@ -80,7 +80,7 @@ export default {
     border-radius: 4px;
 
     a {
-      color: #828282;
+      color: #222;
       cursor: pointer;
     }
 

pages/_feed/_page.vue

@@ -16,9 +16,9 @@
 </template>
 
 <script>
-import Item from '~/components/item.vue'
-import ItemListNav from '~/components/item-list-nav.vue'
-import LazyWrapper from '~/components/lazy-wrapper'
+import Item from '~/components/Item.vue'
+import ItemListNav from '~/components/ItemListNav.vue'
+import LazyWrapper from '~/components/LazyWrapper'
 import { feeds, validFeeds } from '~/common/api'
 
 export default {

pages/item/_id.vue

@@ -29,8 +29,8 @@
 </template>
 
 <script>
-import Comment from '~/components/comment.vue'
-import LazyWrapper from '~/components/lazy-wrapper'
+import Comment from '~/components/Comment'
+import LazyWrapper from '~/components/LazyWrapper'
 
 export default {
   name: 'ItemView',

pages/user/_id.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import LazyWrapper from '~/components/lazy-wrapper'
+import LazyWrapper from '~/components/LazyWrapper'
 
 export default {
   name: 'UserView',
@@ -39,7 +39,9 @@ export default {
   },
 
   head() {
-    return this.user ? this.user.id : 'User not found'
+    return {
+      title: this.user ? this.user.id : 'User not found'
+    }
   },
 
   fetch({ store, route: { params: { id } } }) {