From 8679676886f1f1c758a06c805f7c050693d8c938 Mon Sep 17 00:00:00 2001
From: khatabwedaa <khatabwedaa@gmail.com>
Date: Thu, 11 Jun 2020 22:10:55 +0200
Subject: [PATCH] wip

---
 src/App.vue                                   | 14 +++-
 src/Models/Filter.js                          | 26 -------
 src/Models/components.js                      | 75 -------------------
 src/components/categories/Alerts.vue          |  5 ++
 .../Alert => ui/Alerts}/ErrorFullWidth.vue    |  0
 .../{UI/Alert => ui/Alerts}/ErrorPop.vue      |  0
 .../{UI/Alert => ui/Alerts}/InfoFullWidth.vue |  0
 .../{UI/Alert => ui/Alerts}/InfoPop.vue       |  0
 .../Alert => ui/Alerts}/NotificationPop.vue   |  0
 .../Alert => ui/Alerts}/SuccessFullWidth.vue  |  0
 .../{UI/Alert => ui/Alerts}/SuccessPop.vue    |  0
 .../Alert => ui/Alerts}/WarningFullWidth.vue  |  0
 .../{UI/Alert => ui/Alerts}/WarningPop.vue    |  0
 .../{UI => ui}/Cards/ArticleCard.vue          |  0
 .../{UI => ui}/Cards/ArticleCardWithImage.vue |  0
 .../{UI => ui}/Cards/ProductCard.vue          |  0
 .../Cards/ProductCardWithEvaluation.vue       |  0
 .../{UI => ui}/Cards/SimpleProductCard.vue    |  0
 .../{UI => ui}/Cards/TestimonialCard.vue      |  0
 src/components/{UI => ui}/Cards/UserCard.vue  |  0
 .../{UI => ui}/Cards/UserCardWithDetails.vue  |  0
 .../Footers/FooterWithSubscribeForm.vue       |  0
 .../{UI => ui}/Footers/SimpleFooter.vue       |  0
 .../{UI => ui}/Forms/InputsForm.vue           |  0
 .../{UI => ui}/Forms/NewsletterForm.vue       |  0
 .../{UI => ui}/Forms/SignInForm.vue           |  0
 .../{UI => ui}/Forms/SignInFormWithImage.vue  |  0
 .../Header => ui/Headers}/HeaderWithImage.vue |  0
 .../Headers}/HeaderWithPattern.vue            |  0
 src/components/{UI => ui}/Navbars/Navbar.vue  |  0
 .../{UI => ui}/Navbars/NavbarWithAvatar.vue   |  0
 .../{UI => ui}/Navbars/NavbarWithSearch.vue   |  0
 .../{UI => ui}/Paginations/Pagination.vue     |  0
 .../{UI => ui}/Sections/AboutMe.vue           |  0
 .../{UI => ui}/Sections/CardsList.vue         |  0
 .../Sections/ParagraphWithImage.vue           |  0
 .../{Utilities => utilities}/CodeSnippet.vue  |  0
 .../ViewComponent.vue                         |  0
 src/main.js                                   | 13 +---
 src/router.js                                 | 15 ++++
 40 files changed, 32 insertions(+), 116 deletions(-)
 delete mode 100644 src/Models/Filter.js
 delete mode 100644 src/Models/components.js
 create mode 100644 src/components/categories/Alerts.vue
 rename src/components/{UI/Alert => ui/Alerts}/ErrorFullWidth.vue (100%)
 rename src/components/{UI/Alert => ui/Alerts}/ErrorPop.vue (100%)
 rename src/components/{UI/Alert => ui/Alerts}/InfoFullWidth.vue (100%)
 rename src/components/{UI/Alert => ui/Alerts}/InfoPop.vue (100%)
 rename src/components/{UI/Alert => ui/Alerts}/NotificationPop.vue (100%)
 rename src/components/{UI/Alert => ui/Alerts}/SuccessFullWidth.vue (100%)
 rename src/components/{UI/Alert => ui/Alerts}/SuccessPop.vue (100%)
 rename src/components/{UI/Alert => ui/Alerts}/WarningFullWidth.vue (100%)
 rename src/components/{UI/Alert => ui/Alerts}/WarningPop.vue (100%)
 rename src/components/{UI => ui}/Cards/ArticleCard.vue (100%)
 rename src/components/{UI => ui}/Cards/ArticleCardWithImage.vue (100%)
 rename src/components/{UI => ui}/Cards/ProductCard.vue (100%)
 rename src/components/{UI => ui}/Cards/ProductCardWithEvaluation.vue (100%)
 rename src/components/{UI => ui}/Cards/SimpleProductCard.vue (100%)
 rename src/components/{UI => ui}/Cards/TestimonialCard.vue (100%)
 rename src/components/{UI => ui}/Cards/UserCard.vue (100%)
 rename src/components/{UI => ui}/Cards/UserCardWithDetails.vue (100%)
 rename src/components/{UI => ui}/Footers/FooterWithSubscribeForm.vue (100%)
 rename src/components/{UI => ui}/Footers/SimpleFooter.vue (100%)
 rename src/components/{UI => ui}/Forms/InputsForm.vue (100%)
 rename src/components/{UI => ui}/Forms/NewsletterForm.vue (100%)
 rename src/components/{UI => ui}/Forms/SignInForm.vue (100%)
 rename src/components/{UI => ui}/Forms/SignInFormWithImage.vue (100%)
 rename src/components/{UI/Header => ui/Headers}/HeaderWithImage.vue (100%)
 rename src/components/{UI/Header => ui/Headers}/HeaderWithPattern.vue (100%)
 rename src/components/{UI => ui}/Navbars/Navbar.vue (100%)
 rename src/components/{UI => ui}/Navbars/NavbarWithAvatar.vue (100%)
 rename src/components/{UI => ui}/Navbars/NavbarWithSearch.vue (100%)
 rename src/components/{UI => ui}/Paginations/Pagination.vue (100%)
 rename src/components/{UI => ui}/Sections/AboutMe.vue (100%)
 rename src/components/{UI => ui}/Sections/CardsList.vue (100%)
 rename src/components/{UI => ui}/Sections/ParagraphWithImage.vue (100%)
 rename src/components/{Utilities => utilities}/CodeSnippet.vue (100%)
 rename src/components/{Utilities => utilities}/ViewComponent.vue (100%)

diff --git a/src/App.vue b/src/App.vue
index 3177674..69c8c12 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,19 +1,25 @@
 <template>
-    <div class="min-h-screen bg-white font-roboto" id="app">
+    <div class="bg-white font-roboto" id="app">
         <Header></Header>
 
-        <main-component></main-component>
+        <div class="container mx-auto px-6" id="main">
+            <div class="py-16 text-center">
+                <h1 class="text-xl md:text-3xl text-gray-800 font-medium">Discover new components. Build amazing things 🔥</h1>
+            </div>
+
+            <router-view></router-view>
+        </div>
     </div>
 </template>
 
 <script>
 import Header from "./components/Header";
-import MainComponent from "./components/Main";
 
 export default {
     components: {
-        Header, MainComponent
+        Header
     },
+    
     mounted() {
         this.$ga.page('/');
     }
diff --git a/src/Models/Filter.js b/src/Models/Filter.js
deleted file mode 100644
index 2c91662..0000000
--- a/src/Models/Filter.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import categories from "./components";
-
-export default class Filter {
-
-    constructor() {
-        this.categories = categories;
-    }
-
-    all() {
-        return this.categories;
-    }
-
-    whereCategory(category) {
-
-        if(this.isEmpty(category)) return this.categories;
-
-        let pattern = new RegExp(`^${category}`, 'i');
-
-        return this.categories.filter(category => category.name.match(pattern));
-    }
-
-    isEmpty(string) {
-        return string.length === 0;
-    }
-
-}
\ No newline at end of file
diff --git a/src/Models/components.js b/src/Models/components.js
deleted file mode 100644
index 455c769..0000000
--- a/src/Models/components.js
+++ /dev/null
@@ -1,75 +0,0 @@
-export default [
-    {
-        name: 'Alert',
-        components: [
-            { name: 'Success pop' },
-            { name: 'Info pop' },
-            { name: 'Warning pop' },
-            { name: 'Error pop' },
-            { name: 'Notification pop' },
-            { name: 'Success full width' },
-            { name: 'Info full width' },
-            { name: 'Warning full width' },
-            { name: 'Error full width' },
-
-        ],
-    },
-    {
-        name: 'Cards',
-        components: [
-            { name: 'Article card' },
-            { name: 'Article card with image' },
-            { name: 'Simple product card' },
-            { name: 'Product card' },
-            { name: 'Product card with evaluation' },
-            { name: 'Testimonial card' },
-            { name: 'User card' },
-            { name: 'User card with details' },
-        ],
-    },
-    {
-        name: 'Forms',
-        components: [
-            {name: 'Inputs Form'},
-            {name: 'Newsletter form'},
-            {name: 'Sign in form'},
-            {name: 'Sign in form with image'},
-        ],
-    },
-    {
-        name: 'Navbars',
-        components: [
-            { name: 'Navbar' },
-            { name: 'Navbar with search' },
-            { name: 'Navbar with avatar' },
-        ]
-    },
-    {
-        name: 'Headers',
-        components: [
-            { name: 'Header with image' },
-            { name: 'Header with pattern' },
-        ],
-    },
-    {
-        name: 'Sections',
-        components: [
-            { name: 'About me' },
-            { name: 'Cards list' },
-            { name: 'Paragraph with image' },
-        ]
-    },
-    {
-        name: 'Paginations',
-        components: [
-            { name: 'Pagination' },
-        ]
-    },
-    {
-        name: 'Footers',
-        components: [
-            { name: 'Simple Footer' },
-            { name: 'Footer with subscribe form' },
-        ]
-    },
-];
\ No newline at end of file
diff --git a/src/components/categories/Alerts.vue b/src/components/categories/Alerts.vue
new file mode 100644
index 0000000..ac0746a
--- /dev/null
+++ b/src/components/categories/Alerts.vue
@@ -0,0 +1,5 @@
+<template>
+    <div>
+        test
+    </div>
+</template>
\ No newline at end of file
diff --git a/src/components/UI/Alert/ErrorFullWidth.vue b/src/components/ui/Alerts/ErrorFullWidth.vue
similarity index 100%
rename from src/components/UI/Alert/ErrorFullWidth.vue
rename to src/components/ui/Alerts/ErrorFullWidth.vue
diff --git a/src/components/UI/Alert/ErrorPop.vue b/src/components/ui/Alerts/ErrorPop.vue
similarity index 100%
rename from src/components/UI/Alert/ErrorPop.vue
rename to src/components/ui/Alerts/ErrorPop.vue
diff --git a/src/components/UI/Alert/InfoFullWidth.vue b/src/components/ui/Alerts/InfoFullWidth.vue
similarity index 100%
rename from src/components/UI/Alert/InfoFullWidth.vue
rename to src/components/ui/Alerts/InfoFullWidth.vue
diff --git a/src/components/UI/Alert/InfoPop.vue b/src/components/ui/Alerts/InfoPop.vue
similarity index 100%
rename from src/components/UI/Alert/InfoPop.vue
rename to src/components/ui/Alerts/InfoPop.vue
diff --git a/src/components/UI/Alert/NotificationPop.vue b/src/components/ui/Alerts/NotificationPop.vue
similarity index 100%
rename from src/components/UI/Alert/NotificationPop.vue
rename to src/components/ui/Alerts/NotificationPop.vue
diff --git a/src/components/UI/Alert/SuccessFullWidth.vue b/src/components/ui/Alerts/SuccessFullWidth.vue
similarity index 100%
rename from src/components/UI/Alert/SuccessFullWidth.vue
rename to src/components/ui/Alerts/SuccessFullWidth.vue
diff --git a/src/components/UI/Alert/SuccessPop.vue b/src/components/ui/Alerts/SuccessPop.vue
similarity index 100%
rename from src/components/UI/Alert/SuccessPop.vue
rename to src/components/ui/Alerts/SuccessPop.vue
diff --git a/src/components/UI/Alert/WarningFullWidth.vue b/src/components/ui/Alerts/WarningFullWidth.vue
similarity index 100%
rename from src/components/UI/Alert/WarningFullWidth.vue
rename to src/components/ui/Alerts/WarningFullWidth.vue
diff --git a/src/components/UI/Alert/WarningPop.vue b/src/components/ui/Alerts/WarningPop.vue
similarity index 100%
rename from src/components/UI/Alert/WarningPop.vue
rename to src/components/ui/Alerts/WarningPop.vue
diff --git a/src/components/UI/Cards/ArticleCard.vue b/src/components/ui/Cards/ArticleCard.vue
similarity index 100%
rename from src/components/UI/Cards/ArticleCard.vue
rename to src/components/ui/Cards/ArticleCard.vue
diff --git a/src/components/UI/Cards/ArticleCardWithImage.vue b/src/components/ui/Cards/ArticleCardWithImage.vue
similarity index 100%
rename from src/components/UI/Cards/ArticleCardWithImage.vue
rename to src/components/ui/Cards/ArticleCardWithImage.vue
diff --git a/src/components/UI/Cards/ProductCard.vue b/src/components/ui/Cards/ProductCard.vue
similarity index 100%
rename from src/components/UI/Cards/ProductCard.vue
rename to src/components/ui/Cards/ProductCard.vue
diff --git a/src/components/UI/Cards/ProductCardWithEvaluation.vue b/src/components/ui/Cards/ProductCardWithEvaluation.vue
similarity index 100%
rename from src/components/UI/Cards/ProductCardWithEvaluation.vue
rename to src/components/ui/Cards/ProductCardWithEvaluation.vue
diff --git a/src/components/UI/Cards/SimpleProductCard.vue b/src/components/ui/Cards/SimpleProductCard.vue
similarity index 100%
rename from src/components/UI/Cards/SimpleProductCard.vue
rename to src/components/ui/Cards/SimpleProductCard.vue
diff --git a/src/components/UI/Cards/TestimonialCard.vue b/src/components/ui/Cards/TestimonialCard.vue
similarity index 100%
rename from src/components/UI/Cards/TestimonialCard.vue
rename to src/components/ui/Cards/TestimonialCard.vue
diff --git a/src/components/UI/Cards/UserCard.vue b/src/components/ui/Cards/UserCard.vue
similarity index 100%
rename from src/components/UI/Cards/UserCard.vue
rename to src/components/ui/Cards/UserCard.vue
diff --git a/src/components/UI/Cards/UserCardWithDetails.vue b/src/components/ui/Cards/UserCardWithDetails.vue
similarity index 100%
rename from src/components/UI/Cards/UserCardWithDetails.vue
rename to src/components/ui/Cards/UserCardWithDetails.vue
diff --git a/src/components/UI/Footers/FooterWithSubscribeForm.vue b/src/components/ui/Footers/FooterWithSubscribeForm.vue
similarity index 100%
rename from src/components/UI/Footers/FooterWithSubscribeForm.vue
rename to src/components/ui/Footers/FooterWithSubscribeForm.vue
diff --git a/src/components/UI/Footers/SimpleFooter.vue b/src/components/ui/Footers/SimpleFooter.vue
similarity index 100%
rename from src/components/UI/Footers/SimpleFooter.vue
rename to src/components/ui/Footers/SimpleFooter.vue
diff --git a/src/components/UI/Forms/InputsForm.vue b/src/components/ui/Forms/InputsForm.vue
similarity index 100%
rename from src/components/UI/Forms/InputsForm.vue
rename to src/components/ui/Forms/InputsForm.vue
diff --git a/src/components/UI/Forms/NewsletterForm.vue b/src/components/ui/Forms/NewsletterForm.vue
similarity index 100%
rename from src/components/UI/Forms/NewsletterForm.vue
rename to src/components/ui/Forms/NewsletterForm.vue
diff --git a/src/components/UI/Forms/SignInForm.vue b/src/components/ui/Forms/SignInForm.vue
similarity index 100%
rename from src/components/UI/Forms/SignInForm.vue
rename to src/components/ui/Forms/SignInForm.vue
diff --git a/src/components/UI/Forms/SignInFormWithImage.vue b/src/components/ui/Forms/SignInFormWithImage.vue
similarity index 100%
rename from src/components/UI/Forms/SignInFormWithImage.vue
rename to src/components/ui/Forms/SignInFormWithImage.vue
diff --git a/src/components/UI/Header/HeaderWithImage.vue b/src/components/ui/Headers/HeaderWithImage.vue
similarity index 100%
rename from src/components/UI/Header/HeaderWithImage.vue
rename to src/components/ui/Headers/HeaderWithImage.vue
diff --git a/src/components/UI/Header/HeaderWithPattern.vue b/src/components/ui/Headers/HeaderWithPattern.vue
similarity index 100%
rename from src/components/UI/Header/HeaderWithPattern.vue
rename to src/components/ui/Headers/HeaderWithPattern.vue
diff --git a/src/components/UI/Navbars/Navbar.vue b/src/components/ui/Navbars/Navbar.vue
similarity index 100%
rename from src/components/UI/Navbars/Navbar.vue
rename to src/components/ui/Navbars/Navbar.vue
diff --git a/src/components/UI/Navbars/NavbarWithAvatar.vue b/src/components/ui/Navbars/NavbarWithAvatar.vue
similarity index 100%
rename from src/components/UI/Navbars/NavbarWithAvatar.vue
rename to src/components/ui/Navbars/NavbarWithAvatar.vue
diff --git a/src/components/UI/Navbars/NavbarWithSearch.vue b/src/components/ui/Navbars/NavbarWithSearch.vue
similarity index 100%
rename from src/components/UI/Navbars/NavbarWithSearch.vue
rename to src/components/ui/Navbars/NavbarWithSearch.vue
diff --git a/src/components/UI/Paginations/Pagination.vue b/src/components/ui/Paginations/Pagination.vue
similarity index 100%
rename from src/components/UI/Paginations/Pagination.vue
rename to src/components/ui/Paginations/Pagination.vue
diff --git a/src/components/UI/Sections/AboutMe.vue b/src/components/ui/Sections/AboutMe.vue
similarity index 100%
rename from src/components/UI/Sections/AboutMe.vue
rename to src/components/ui/Sections/AboutMe.vue
diff --git a/src/components/UI/Sections/CardsList.vue b/src/components/ui/Sections/CardsList.vue
similarity index 100%
rename from src/components/UI/Sections/CardsList.vue
rename to src/components/ui/Sections/CardsList.vue
diff --git a/src/components/UI/Sections/ParagraphWithImage.vue b/src/components/ui/Sections/ParagraphWithImage.vue
similarity index 100%
rename from src/components/UI/Sections/ParagraphWithImage.vue
rename to src/components/ui/Sections/ParagraphWithImage.vue
diff --git a/src/components/Utilities/CodeSnippet.vue b/src/components/utilities/CodeSnippet.vue
similarity index 100%
rename from src/components/Utilities/CodeSnippet.vue
rename to src/components/utilities/CodeSnippet.vue
diff --git a/src/components/Utilities/ViewComponent.vue b/src/components/utilities/ViewComponent.vue
similarity index 100%
rename from src/components/Utilities/ViewComponent.vue
rename to src/components/utilities/ViewComponent.vue
diff --git a/src/main.js b/src/main.js
index ef8510b..30dcbd4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -11,15 +11,6 @@ Vue.config.productionTip = false;
 
 Vue.use(VueClipboard);
 
-Vue.use(VueAnalytics, {
-  id: 'UA-167213766-1'
-});
+Vue.use(VueAnalytics, { id: 'UA-167213766-1' });
 
-Vue.filter('toId', (componentName) => {
-  return componentName.toLowerCase().replace(/ /g, '-')
-});
-
-new Vue({
-  render: h => h(App),
-  router
-}).$mount('#app');
\ No newline at end of file
+new Vue({ render: h => h(App), router }).$mount('#app');
diff --git a/src/router.js b/src/router.js
index e69de29..fcde4f4 100644
--- a/src/router.js
+++ b/src/router.js
@@ -0,0 +1,15 @@
+import VueRouter from "vue-router";
+
+const Alerts = () =>
+  import("./components/categories/Alerts");
+
+
+  export default new VueRouter({
+    routes: [
+      {
+        path: "/alerts",
+        component: Alerts,
+        name: "Alerts",
+      },
+    ],
+  });