tabler-vite-vue

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)
    })