Vue

Overview:

VariantJS/Vue is the next version of the VueTailwind package built from scratch for Vue 3. It includes a set of Vue components designed to be highly customizable to adapt to any unique application design. This new version boasts significant improvements such as a smaller bundle size, better TypeScript integration, 100% test coverage, and simpler code built on Vue 3 + Vite.

Features:

• Smaller bundle: Improved performance with a reduced bundle size.
• Better TypeScript integration: Enhanced compatibility and support for TypeScript.
• 100% test coverage: Ensures reliability and stability of the components.
• Built from scratch with Vue 3 + Vite: Utilizing the latest technologies for better performance and development experience.
• Simpler code and back to use template syntax: Easy-to-understand code structure with a focus on simplicity.
• Customizable components: Components designed to be customized with custom CSS classes.
• New settings for components: Updated components like TDropDown and TRichSelect with new settings for better control and flexibility.

Installation:

To install VariantJS/Vue, you can follow these steps:

1. Install the package via npm:

   npm install @variantjs/vue
   

2. Import the components in your Vue project:

   import { TInput, TButton, TTextarea } from '@variantjs/vue';
   

3. Start using the components in your Vue templates:

   <template>
     <div>
       <TInput v-model="inputValue" placeholder="Enter text" />
       <TButton @click="submitForm">Submit</TButton>
     </div>
   </template>
   
   <script>
   export default {
     data() {
       return {
         inputValue: ''
       };
     },
     methods: {
       submitForm() {
         // Handle form submission
       }
     }
   };
   </script>
   

Summary:

VariantJS/Vue is a new version of the VueTailwind package that offers customizable Vue components with improvements in bundle size, TypeScript integration, and code simplicity. It provides a solution for developers looking to create personalized designs without the constraints of predefined styles often found in traditional UI libraries. With cleaner code, better control over component settings, and support for modern technologies, VariantJS/Vue aims to enhance the development experience for Vue applications.