restructured the way to set default value according to tailwindcss documentation

Author: christhofer

README.md

@@ -1,6 +1,6 @@
 # tailwindcss-skeleton-screen
 
-Tailwindcss plugin to make skeleton screen easier than ever.
+Tailwindcss plugin to make skeleton screen.
 
 [![npm (scoped)](https://img.shields.io/npm/v/@gradin/tailwindcss-skeleton-screen)](https://www.npmjs.com/package/@gradin/tailwindcss-skeleton-screen)
 ![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/@gradin/tailwindcss-skeleton-screen)
@@ -29,7 +29,6 @@ module.exports = {
   plugins: [
     require('@gradin/tailwindcss-skeleton-screen'),
   ],
-
 }
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradin/tailwindcss-skeleton-screen",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Tailwindcss plugin to make skeleton screen easier than ever.",
   "main": "src/index.js",
   "scripts": {},

src/index.js

@@ -1,16 +1,20 @@
 const plugin = require('tailwindcss/plugin')
 
-module.exports = plugin(function ({ theme, addUtilities }) {
-  let styleDefault = {
-    'DEFAULT': {
-      baseColor: '#c7c7c7',
-      movingColor: 'linear-gradient(to right, transparent 0%, #E8E8E8 50%, transparent 100%)',
-      duration: '1s',
-      timing: 'cubic-bezier(0.4, 0.0, 0.2, 1)',
+const defaultConfig = {
+  theme: {
+    skeletonScreen: {
+      'DEFAULT': {
+        baseColor: '#c7c7c7',
+        movingColor: 'linear-gradient(to right, transparent 0%, #E8E8E8 50%, transparent 100%)',
+        duration: '1s',
+        timing: 'cubic-bezier(0.4, 0.0, 0.2, 1)',
+      },
     },
-  }
-  const styles = { ...styleDefault, ...theme('skeletonScreen', {}) }
-  const utilities = Object.entries(styles).map(([key, value]) => {
+  },
+}
+
+module.exports = plugin(function ({ theme, addUtilities }) {
+  const utilities = Object.entries(theme('skeletonScreen', {})).map(([key, value]) => {
     let className = '.loading' + (key === 'DEFAULT' ? '' : '-' + key)
 
     return {
@@ -42,4 +46,4 @@ module.exports = plugin(function ({ theme, addUtilities }) {
   })
 
   addUtilities(utilities)
-})
+}, defaultConfig)