chore: Rename components to PascalCase

nuxt · Jun 4, 2019 · 3f5ae21 · 3f5ae21
1 parent 8c64e57
commit 3f5ae21
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 12 deletions.
diff --git a/components/item-list-nav.vue → components/ItemListNav.vue b/components/item-list-nav.vue → components/ItemListNav.vue
diff --git a/components/lazy-wrapper.vue → components/LazyWrapper.vue b/components/lazy-wrapper.vue → components/LazyWrapper.vue
diff --git a/components/comment.vue b/components/comment.vue
@@ -1,5 +1,5 @@
 <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;
     }
 

diff --git a/pages/_feed/_page.vue b/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 {

diff --git a/pages/item/_id.vue b/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',

diff --git a/pages/user/_id.vue b/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 } } }) {