Add new Breadcrumb vue component

This commit is contained in:
Bubka 2020-10-22 17:05:55 +02:00
parent 7f91b7144b
commit 27dbf6b72f
3 changed files with 46 additions and 15 deletions

View File

@ -0,0 +1,27 @@
<template>
<div class="mb-5">
<router-link :to="{ name: 'accounts' }">
<font-awesome-icon :icon="['fas', 'chevron-left']" />
Back
</router-link>
</div>
</template>
<script>
export default {
name: 'Breadcrumb',
props: {
routeName: {
type: String,
default: '/'
},
caption: {
type: String,
default: ''
},
}
}
</script>

View File

@ -1,15 +1,16 @@
import Vue from 'vue'
import App from './App'
import Button from './Button'
import FieldError from './FieldError'
import FormWrapper from './FormWrapper'
import FormField from './FormField'
import FormSelect from './FormSelect'
import FormSwitch from './FormSwitch'
import FormCheckbox from './FormCheckbox'
import FormButtons from './FormButtons'
import VueFooter from './Footer'
import Kicker from './Kicker'
import Vue from 'vue'
import App from './App'
import Button from './Button'
import FieldError from './FieldError'
import FormWrapper from './FormWrapper'
import FormField from './FormField'
import FormSelect from './FormSelect'
import FormSwitch from './FormSwitch'
import FormCheckbox from './FormCheckbox'
import FormButtons from './FormButtons'
import VueFooter from './Footer'
import Kicker from './Kicker'
import Breadcrumb from './Breadcrumb'
// Components that are registered globaly.
[
@ -23,7 +24,8 @@ import Kicker from './Kicker'
FormCheckbox,
FormButtons,
VueFooter,
Kicker
Kicker,
Breadcrumb
].forEach(Component => {
Vue.component(Component.name, Component)
})

View File

@ -15,7 +15,8 @@ import {
faSearch,
faEllipsisH,
faBars,
faSpinner
faSpinner,
faChevronLeft
} from '@fortawesome/free-solid-svg-icons'
import {
@ -35,7 +36,8 @@ library.add(
faEllipsisH,
faBars,
faSpinner,
faGithubAlt
faGithubAlt,
faChevronLeft
);
Vue.component('font-awesome-icon', FontAwesomeIcon)