diff --git a/src/library/album/AlbumDetails.vue b/src/library/album/AlbumDetails.vue index fa782a2..955f572 100644 --- a/src/library/album/AlbumDetails.vue +++ b/src/library/album/AlbumDetails.vue @@ -16,12 +16,12 @@ • {{ album.genre }}

- + Play - - + + - +
diff --git a/src/main.ts b/src/main.ts index 3000f08..2f531f7 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,7 +1,6 @@ import Vue from 'vue' import Router from 'vue-router' import Vuex from 'vuex' -import { BootstrapVue } from 'bootstrap-vue' import '@/style/main.scss' import '@/shared/components' import App from '@/app/App.vue' @@ -21,7 +20,6 @@ declare module 'vue/types/vue' { Vue.config.productionTip = false Vue.use(Router) Vue.use(Vuex) -Vue.use(BootstrapVue) const authService = new AuthService() const api = new API(authService) diff --git a/src/shared/components/index.ts b/src/shared/components/index.ts index cf3c5c1..9d8130b 100644 --- a/src/shared/components/index.ts +++ b/src/shared/components/index.ts @@ -6,6 +6,31 @@ import InfiniteLoader from './InfiniteLoader.vue' import OverflowMenu from './OverflowMenu.vue' import Tiles from './Tiles.vue' import Tile from './Tile.vue' +import { + BAlert, + BAvatar, + BButton, + BFormCheckbox, + BFormGroup, + BFormInput, + BModal, + BProgress, + BSidebar, + BSpinner, + DropdownPlugin, +} from 'bootstrap-vue' + +Vue.component('BModal', BModal) +Vue.component('BAlert', BAlert) +Vue.component('BAvatar', BAvatar) +Vue.component('BSidebar', BSidebar) +Vue.component('BFormGroup', BFormGroup) +Vue.component('BFormInput', BFormInput) +Vue.component('BFormCheckbox', BFormCheckbox) +Vue.component('BButton', BButton) +Vue.component('BProgress', BProgress) +Vue.component('BSpinner', BSpinner) +Vue.use(DropdownPlugin) const components = { ContentLoader,