masc-vue

(WIP) Vue3 UI components based on daisyui.

Usage

Install:

1$ pnpm add masc-vue
2# or
3$ npm add masc-vue
4# or
5$ yarn add masc-vue

Import all(❌ not recommended):

1// main.ts
2import masc from "masc-vue";
3import { createApp } from "vue";
4import App from "./App.vue";
5
6// import custom css used in the components
7import "masc-vue/style.css";
8
9const app = createApp(App);
10app.use(masc); // register all components

Importing individual components (Globally)

1import { SCard } from "masc-vue";
2app.component("card", SCard);

Importing components locally

1<template>
2  <SCard title="Card Title">
3   <p>This is card body</p>
4   <SBtn @click="openToast" class="btn-primary">Alert User</SBtn>
5  </SCard>
6</template>
7<script setup lang="ts">
8import { SCard, SBtn , useNotify} from "masc-vue";
9
10//notify comes with alert, confirm as modals promises
11//and info, success, warning, error as toast messages
12const notify = useNotify();
13
14function openToast(){
15  notify.info('This is a random message' , {});
16}
17
18</script>