tabler-vite-vue
v0.1.4
Published
Include Tabler's source Sass and individual Bootstrap JavaScript plugins with Vue and Vite.
Downloads
17
Readme
Tabler w/ Vite w/ Vue
A very crude and experimental npm metapackage to use Tabler and the Bootstrap Javascript Plugins in a Vite/Vue3 context. Tabler Javascript does not works with Vue3.
Include Tabler's source Sass and individual Bootstrap JavaScript plugins with Vue and Vite.
Edit in browser
!!This package required Node v18 and it is not yet supported in StackBlitz as the default Node is v16.20.0
How to see the demo
git clone https://github.com/lucaSabato/tabler-vite-vue.git
npm i
npm start
open http://localhost:8080
in your browser
How to use
Prerequisite
npm i -D sass
Install the package in your project
npm i -D sass
npm i tabler-vite-vue
Example of main.js
file
import { createApp } from 'vue'
import App from './App.vue'
import { Alert, Button, Carousel, Collapse, Dropdown, Modal, Offcanvas, Popover, ScrollSpy, Tab, Toast, Tooltip } from 'tabler-vite-vue'
createApp(App).mount('#app')
// Popover
document.querySelectorAll('[data-bs-toggle="popover"]')
.forEach(popover => {
new Popover(popover)
})
// Tooltip
document.querySelectorAll('[data-bs-toggle="tooltip"]')
.forEach(tooltip => {
new Tooltip(tooltip)
})