mirror of
https://github.com/Bubka/2FAuth.git
synced 2025-06-11 23:46:53 +02:00
Add new Breadcrumb vue component
This commit is contained in:
parent
7f91b7144b
commit
27dbf6b72f
27
resources/js/components/Breadcrumb.vue
Normal file
27
resources/js/components/Breadcrumb.vue
Normal 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>
|
28
resources/js/components/index.js
vendored
28
resources/js/components/index.js
vendored
@ -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)
|
||||
})
|
||||
|
6
resources/js/packages/fontawesome.js
vendored
6
resources/js/packages/fontawesome.js
vendored
@ -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)
|
Loading…
x
Reference in New Issue
Block a user