This commit is contained in:
khatabwedaa 2020-05-05 13:13:22 +02:00
parent 8eb56941ae
commit fbec5ec6b9
2 changed files with 5 additions and 5 deletions

View file

@ -1,13 +1,13 @@
export default [
{
name: 'Alert',
name: 'alert',
components: [
{ name: 'notification-Pop' }
],
},
{
name: 'Cards',
name: 'cards',
components: [
{ name: 'article' },
{ name: 'product' },
@ -17,7 +17,7 @@ export default [
],
},
{
name: 'Forms',
name: 'forms',
components: [
{ name: 'login' },
{ name: 'subscribe' },

View file

@ -8,7 +8,7 @@
</div>
<div class="flex items-center mt-5 flex justify-start">
<span class="text-gray-700">Categories : </span>
<a @click="searchText = ''" class="ml-1 text-gray-700 hover:text-gray-600 cursor-pointer font-light hover:underline">All</a>
<a @click="searchText = ''" class="ml-1 text-gray-700 hover:text-gray-600 cursor-pointer font-light hover:underline">all</a>
<span v-for="category in categories" :key="category.name">
<a @click="searchText = category.name" class="ml-2 text-gray-700 hover:text-gray-600 cursor-pointer font-light hover:underline">{{ category.name }}</a>
</span>
@ -18,7 +18,7 @@
<div class="w-full max-w-5xl mx-auto">
<div class="mb-16" v-for="category in list" :key="category.name">
<h1 class="text-2xl text-gray-800 font-semibold mb-6" v-text="category.name"></h1>
<h1 class="text-2xl text-gray-800 font-semibold mb-6 capitalize" v-text="category.name"></h1>
<component v-for="component in category.components" :key="component.name" :is="component.name" class="mb-10"></component>
</div>
</div>