vue-m is a Vue 3 UI component library designed to enhance the user interface of your Vue applications. It provides a collection of modern and responsive UI components that are easy to install and use.

• Modern and responsive UI components
• Easy installation and usage
• Built with Vue 3 and TypeScript
• Highly customizable and flexible

You can install the vue-m package using npm or Yarn:

npm install vue-m

or

yarn add vue-m

To use the components from vue-m, register them in main.ts:

import { createApp } from 'vue';
import vueM from 'vue-m'; // Import the components
import 'vue-m/dist/vue-m.css'; // Import the styling (Optional)
import App from './App.vue';

createApp(App)
   .use(vueM)
   .mount('#app');

Then use the components like this:

<template>
  <div>
      <m-btn text="Write here" color='success' /> <!-- color is 'primary by default' -->
      <!-- or -->
      <m-btn>
         <div>
            Custom element inside the button 
         </div>
      </m-btn>
  </div>
</template>

• Create the todos :> Doing