beenull/merakiui
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Rename Headers category to Heros

Browse source
This commit is contained in:
khatabwedaa 2020-08-16 16:32:14 +02:00
parent 56c285743c
commit 0dc269accf
6 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/App.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="bg-white font-roboto" id="app"> <div class="bg-white font-roboto" id="app">
<Header></Header> <main-header></main-header>
<main class="container mx-auto px-6" id="main"> <main class="container mx-auto px-6" id="main">
<div class="mt-16 text-center"> <div class="mt-16 text-center">
@ -21,7 +21,7 @@
</div> </div>
<p class="mt-8 text-gray-700 text-center"> <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> <a href="https://gist.github.com/Miaababikir/052e31b345781c0f73180b80a285781b" target="_blank" class="text-blue-600 hover:underline"> configuration</a>
</p> </p>
</div> </div>
@ -42,12 +42,12 @@
</template> </template>
<script> <script>
import Header from "./components/Header"; import MainHeader from "./components/Header";
import BackToTop from "vue-backtotop"; import BackToTop from "vue-backtotop";
export default { export default {
components: { components: {
Header, MainHeader,
BackToTop, BackToTop,
}, },

8
src/components/categories/Headers.vue → src/components/categories/Heros.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="w-full max-w-5xl mx-auto my-10"> <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> <e-commerce></e-commerce>
<with-image></with-image> <with-image></with-image>
@ -9,9 +9,9 @@
</template> </template>
<script> <script>
import ECommerce from "../ui/Headers/ECommerce"; import ECommerce from "../ui/Heros/ECommerce";
import WithImage from "../ui/Headers/WithImage"; import WithImage from "../ui/Heros/WithImage";
import WithPattern from "../ui/Headers/WithPattern"; import WithPattern from "../ui/Heros/WithPattern";
export default { export default {
components: { components: {

0
src/components/ui/Headers/ECommerce.vue → src/components/ui/Heros/ECommerce.vue
View file

2
src/components/ui/Headers/WithImage.vue → src/components/ui/Heros/WithImage.vue
View file

@ -57,7 +57,7 @@
export default { export default {
data() { data() {
return { return {
name: 'Header With Image', name: 'With Image',
isOpen: false, isOpen: false,
code: ` code: `
<header class="bg-white"> <header class="bg-white">

2
src/components/ui/Headers/WithPattern.vue → src/components/ui/Heros/WithPattern.vue
View file

@ -56,7 +56,7 @@
export default { export default {
data() { data() {
return { return {
name: 'Header With Pattern', name: 'With Pattern',
code: ` code: `
<header class="pattern bg-gray-900"> <header class="pattern bg-gray-900">
<div class="container mx-auto px-6"> <div class="container mx-auto px-6">

4
src/router.js
View file

@ -4,7 +4,7 @@ const Alerts = () => import("./components/categories/Alerts");
const Cards = () => import("./components/categories/Cards"); const Cards = () => import("./components/categories/Cards");
const Forms = () => import("./components/categories/Forms"); const Forms = () => import("./components/categories/Forms");
const Navbars = () => import("./components/categories/Navbars"); 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 Sections = () => import("./components/categories/Sections");
const Paginations = () => import("./components/categories/Paginations"); const Paginations = () => import("./components/categories/Paginations");
const Footers = () => import("./components/categories/Footers"); const Footers = () => import("./components/categories/Footers");
@ -17,7 +17,7 @@ export default new VueRouter({
{ path: "/cards", component: Cards, name: "Cards" }, { path: "/cards", component: Cards, name: "Cards" },
{ path: "/forms", component: Forms, name: "Forms" }, { path: "/forms", component: Forms, name: "Forms" },
{ path: "/navbars", component: Navbars, name: "Navbars" }, { 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: "/sections", component: Sections, name: "Sections" },
{ path: "/paginations", component: Paginations, name: "Paginations" }, { path: "/paginations", component: Paginations, name: "Paginations" },
{ path: "/footers", component: Footers, name: "Footers" }, { path: "/footers", component: Footers, name: "Footers" },