Merge pull request #4 from fmstuff/daisy-ui

Add DaisyUI and use it in Button component.

package.json

@@ -32,6 +32,7 @@
     "vite": "^2.6.0"
   },
   "dependencies": {
+    "daisyui": "^1.14.5",
     "uuid": "^8.3.2"
   }
 }

src/lib/components/Button.svelte

@@ -3,19 +3,19 @@
 </script>
 
 <button on:click class="
+  btn btn-primary
   w-full
   my-4
-  px-8 py-4
   text-indigo-600
   bg-purple-100
-  active:bg-purple-200
+  hover:bg-purple-200
+  active:bg-purple-300
   rounded-full
   outline-none
   focus:ring-2
   focus:ring-indigo-600
   active:ring-offset-2
   active:ring-4
-  "
->
+  ">
   <slot>Custom Button</slot>
 </button>

tailwind.config.cjs

@@ -44,5 +44,5 @@ module.exports = {
   variants: {
     extend: {},
   },
-  plugins: [],
+  plugins: [require("daisyui")],
 };

yarn.lock

@@ -318,6 +318,11 @@ cssesc@^3.0.0:
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
   integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
 
+daisyui@^1.14.5:
+  version "1.14.5"
+  resolved "https://registry.yarnpkg.com/daisyui/-/daisyui-1.14.5.tgz#2588b95d21654426f8c81995a90260cb2b683ad1"
+  integrity sha512-/1GVhvqaD5Gk+VwRV7X5cVPJGe2uUOZeTGb4UtvmiTmis9EtOqsGpZJ7cBPzZLBOvq57tRUtAk8YNmEC3YSIMA==
+
 debug@^4.3.2:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"