tessl/npm-bootstrap-vue
Minimal Vue.js plugin providing basic Bootstrap v4 integration with a few core components.
—
Pending
Quality
Pending
Does it follow best practices?
Impact
Pending
No eval scenarios have been run
Securityby
Pending
The risk profile of this skill
BootstrapVue
BootstrapVue is a Vue.js plugin that provides Bootstrap v4 integration. This is a minimal implementation providing basic plugin structure and a few core components.
Package Information
- Package Name: bootstrap-vue
- Package Type: npm
- Language: JavaScript
- Installation:
npm install bootstrap-vue
Core Imports
import BootstrapVue from 'bootstrap-vue'
// Install the plugin
Vue.use(BootstrapVue)Individual component imports:
import { BButton, BModal, BForm } from 'bootstrap-vue'
// Use components directly
Vue.component('BButton', BButton)
Vue.component('BModal', BModal)
Vue.component('BForm', BForm)Basic Usage
import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'
Vue.use(BootstrapVue)
// Basic usage in a Vue component
new Vue({
template: `
<div>
<b-button>Button</b-button>
<b-modal>Modal content</b-modal>
<b-form>Form content</b-form>
</div>
`
})Architecture
BootstrapVue implements a simple plugin architecture:
- Plugin System: Single main plugin with install method
- Component Registration: Components are registered globally during plugin installation
- Minimal API: Basic component structure without complex features
Capabilities
Main Plugin
The primary BootstrapVue plugin for Vue.js integration.
/**
* Main BootstrapVue plugin
*/
const BootstrapVue: {
version: string;
install(Vue: any): void;
};
export default BootstrapVue;Available Components
Basic component exports available in this minimal implementation.
/**
* Button component
*/
export const BButton: Vue.Component;
/**
* Modal component
*/
export const BModal: Vue.Component;
/**
* Form component
*/
export const BForm: Vue.Component;Types
interface Vue {
component(name: string, component: any): void;
use(plugin: any): void;
}
interface VueComponent {
name?: string;
template?: string;
render?: Function;
}- Workspace
- tessl
- Visibility
- Public
- Created
- Last updated
- Describes
- Publish Source
- CLI
- Badge
