add some files

app.vue

@@ -0,0 +1,21 @@
+<template>
+    <div>
+        <MlButton
+      :pt="{
+        root: { class: '' },
+        outer: { class: 'bg-gradient-to-r from-accent1 to-accent2' },
+        inner: { class: 'dark:bg-gradient-to-r bg-white' },
+      }"
+    >
+      Let's talk
+    </MlButton>
+    </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>

assets/css/main.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

nuxt.config.ts

@@ -1,5 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  css: ["~/assets/css/main.css"],
   modules: ["@nuxtjs/tailwindcss", "@nuxtjs/color-mode", "~/modules/module"],
   compatibilityDate: "2024-04-03",
   devtools: { enabled: true },

src/components/Ml/Button/types.ts

@@ -1,10 +1,6 @@
-import type { SpinnerSize, SpinnerColor } from '../Spinner/types';
-
 export type ButtonProps = {
     rounded?: boolean;
     pt?: PTAttribs;
-    spinerSize?: SpinnerSize;
-    spinerColor?: SpinnerColor;
     spinerPlace?: spinerPlace;
     showSpiner?: boolean;
 };