feat: use error component instead of simple elements

Rule-34 · Sep 11, 2020 · cc46af6 · cc46af6
1 parent 710b276
commit cc46af6
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/components/pages/posts/navigation/search/SearchTagCollections.vue b/components/pages/posts/navigation/search/SearchTagCollections.vue
@@ -31,6 +31,14 @@
             <h3>No Tag Collections available</h3>
             <nuxt-link to="/premium">Create one?</nuxt-link>
           </div>
+            <Error
+              :render-borders="false"
+              error-data="No Tag Collections available"
+            >
+              <template v-slot:customAction>
+                <nuxt-link to="/premium">Create one?</nuxt-link>
+              </template>
+            </Error>
         </template>
       </div>
     </div>
@@ -40,9 +48,15 @@
 <script>
 import { mapGetters, mapActions } from 'vuex'
 
+import Error from '~/components/utils/Error.vue'
+
 export default {
   name: 'SearchBar',
 
+  components: {
+    Error,
+  },
+
   computed: {
     ...mapGetters('user', ['getTagCollections']),
   },