From 0dc269accfe9f028639e8b7f4051d521bffe535a Mon Sep 17 00:00:00 2001
From: khatabwedaa <khatabwedaa@gmail.com>
Date: Sun, 16 Aug 2020 16:32:14 +0200
Subject: [PATCH] Rename Headers category to Heros

---
 src/App.vue                                          | 8 ++++----
 src/components/categories/{Headers.vue => Heros.vue} | 8 ++++----
 src/components/ui/{Headers => Heros}/ECommerce.vue   | 0
 src/components/ui/{Headers => Heros}/WithImage.vue   | 2 +-
 src/components/ui/{Headers => Heros}/WithPattern.vue | 2 +-
 src/router.js                                        | 4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)
 rename src/components/categories/{Headers.vue => Heros.vue} (69%)
 rename src/components/ui/{Headers => Heros}/ECommerce.vue (100%)
 rename src/components/ui/{Headers => Heros}/WithImage.vue (99%)
 rename src/components/ui/{Headers => Heros}/WithPattern.vue (99%)

diff --git a/src/App.vue b/src/App.vue
index e523b87..12305e8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="bg-white font-roboto" id="app">
-        <Header></Header>
+        <main-header></main-header>
 
         <main class="container mx-auto px-6" id="main">
             <div class="mt-16 text-center">
@@ -21,7 +21,7 @@
                 </div>
 
                 <p class="mt-8 text-gray-700 text-center">
-                    Headers components require simple <span class="font-semibold">- don't panic please 😎 -</span>
+                    Heros components require simple <span class="font-semibold">- don't panic please 😎 -</span>
                     <a href="https://gist.github.com/Miaababikir/052e31b345781c0f73180b80a285781b" target="_blank" class="text-blue-600 hover:underline"> configuration</a>
                 </p>
             </div>
@@ -42,12 +42,12 @@
 </template>
 
 <script>
-import Header from "./components/Header";
+import MainHeader from "./components/Header";
 import BackToTop from "vue-backtotop";
 
 export default {
     components: {
-        Header,
+        MainHeader,
         BackToTop,
     },
 
diff --git a/src/components/categories/Headers.vue b/src/components/categories/Heros.vue
similarity index 69%
rename from src/components/categories/Headers.vue
rename to src/components/categories/Heros.vue
index 3042732..6121f2e 100644
--- a/src/components/categories/Headers.vue
+++ b/src/components/categories/Heros.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="w-full max-w-5xl mx-auto my-10">        
-        <h1 class="text-2xl text-gray-800 font-semibold capitalize mb-6">Headers</h1>
+        <h1 class="text-2xl text-gray-800 font-semibold capitalize mb-6">Heros</h1>
 
         <e-commerce></e-commerce>
         <with-image></with-image>
@@ -9,9 +9,9 @@
 </template>
 
 <script>
-import ECommerce from "../ui/Headers/ECommerce";
-import WithImage from "../ui/Headers/WithImage";
-import WithPattern from "../ui/Headers/WithPattern";
+import ECommerce from "../ui/Heros/ECommerce";
+import WithImage from "../ui/Heros/WithImage";
+import WithPattern from "../ui/Heros/WithPattern";
 
 export default {
     components: { 
diff --git a/src/components/ui/Headers/ECommerce.vue b/src/components/ui/Heros/ECommerce.vue
similarity index 100%
rename from src/components/ui/Headers/ECommerce.vue
rename to src/components/ui/Heros/ECommerce.vue
diff --git a/src/components/ui/Headers/WithImage.vue b/src/components/ui/Heros/WithImage.vue
similarity index 99%
rename from src/components/ui/Headers/WithImage.vue
rename to src/components/ui/Heros/WithImage.vue
index d6f2c7c..777d64a 100644
--- a/src/components/ui/Headers/WithImage.vue
+++ b/src/components/ui/Heros/WithImage.vue
@@ -57,7 +57,7 @@
     export default {
         data() {
             return {
-                name: 'Header With Image',
+                name: 'With Image',
                 isOpen: false,
                 code: `
         <header class="bg-white">
diff --git a/src/components/ui/Headers/WithPattern.vue b/src/components/ui/Heros/WithPattern.vue
similarity index 99%
rename from src/components/ui/Headers/WithPattern.vue
rename to src/components/ui/Heros/WithPattern.vue
index da32560..eb4df1d 100644
--- a/src/components/ui/Headers/WithPattern.vue
+++ b/src/components/ui/Heros/WithPattern.vue
@@ -56,7 +56,7 @@
     export default {
         data() {
             return {
-                name: 'Header With Pattern',
+                name: 'With Pattern',
                 code: `
         <header class="pattern bg-gray-900">
             <div class="container mx-auto px-6">
diff --git a/src/router.js b/src/router.js
index b9071c7..69a59bb 100644
--- a/src/router.js
+++ b/src/router.js
@@ -4,7 +4,7 @@ const Alerts = () => import("./components/categories/Alerts");
 const Cards = () => import("./components/categories/Cards");
 const Forms = () => import("./components/categories/Forms");
 const Navbars = () => import("./components/categories/Navbars");
-const Headers = () => import("./components/categories/Headers");
+const Heros = () => import("./components/categories/Heros");
 const Sections = () => import("./components/categories/Sections");
 const Paginations = () => import("./components/categories/Paginations");
 const Footers = () => import("./components/categories/Footers");
@@ -17,7 +17,7 @@ export default new VueRouter({
         { path: "/cards", component: Cards, name: "Cards" },
         { path: "/forms", component: Forms, name: "Forms" },
         { path: "/navbars", component: Navbars, name: "Navbars" },
-        { path: "/headers", component: Headers, name: "Headers" },
+        { path: "/heros", component: Heros, name: "Heros" },
         { path: "/sections", component: Sections, name: "Sections" },
         { path: "/paginations", component: Paginations, name: "Paginations" },
         { path: "/footers", component: Footers, name: "Footers" },