Bootstrap 5 & Vue 3

Installation

yarn add https://github.com/bi0nd0/bootstrap-vue.git#0.3.0
# OR specify a name for the package
yarn add bootstrap-vue-library@https://github.com/bi0nd0/bootstrap-vue.git#0.3.0

Publish

yarn publish
# then
yarn add bootstrap-vue@npm:my-bootstrap-vue

Updates

yarn upgrade bootstrap-vue

Usage

//main.ts
import App from './App.vue'
import {BootstrapVue} from 'bootstrap-vue'
// import the style
import 'bootstrap-vue/dist/style.css'

const app = createApp(App)
app.use(BootstrapVue)

Components

• Modal
• Toast
• Table
• Pagination
• Dropdown
  • DropdownItem
  • DropdownHeader
  • DropdownDivider

Modal

• Methods
  • async show
  • hide
  • toggle
• Properties
  • same as Modal in bootstrap

Toast

• Methods
• Properties

Table

• Methods
• Properties

Pagination

• Methods
• Properties

Tooltip (directive)

Use API

• useToaster

  const toaster = useToaster()
  toaster.toast({body:`hello world`, title: `Toast!`}, 'top left')

• useModal

  const modal = useModal()
  const alertResponse = await modal.alert({title: 'alert', body: 'some text'})
  const confirmResponse = await modal.confirm({title: 'confirm', body: 'some text'})