@policystudio/policy-studio-ui-vue 1.0.29 → 1.0.32

package/.eslintrc.js

@@ -15,41 +15,42 @@ module.exports = {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'semi': ['warn', 'never'],
-    "vue/order-in-components": ["warn", {
-      "order": [
-        "el",
-        "name",
-        "key",
-        "parent",
-        ["components", "directives", "filters"],
-        ["props", "propsData"],
-        "functional",
-        ["delimiters", "comments"],
-        "extends",
-        "mixins",
-        ["provide", "inject"],
-        "ROUTER_GUARDS",
-        "layout",
-        "middleware",
-        "validate",
-        "scrollToTop",
-        "transition",
-        "loading",
-        "inheritAttrs",
-        "model",
-        "emits",
-        "setup",
-        "asyncData",
-        "data",
-        "fetch",
-        "head",
-        "computed",
-        "watch",
-        "watchQuery",
-        "LIFECYCLE_HOOKS",
-        "methods",
-        ["template", "render"],
-        "renderError"
+    'quotes': [2, 'single'],
+    'vue/order-in-components': ['warn', {
+      'order': [
+        'el',
+        'name',
+        'key',
+        'parent',
+        ['components', 'directives', 'filters'],
+        ['props', 'propsData'],
+        'functional',
+        ['delimiters', 'comments'],
+        'extends',
+        'mixins',
+        ['provide', 'inject'],
+        'ROUTER_GUARDS',
+        'layout',
+        'middleware',
+        'validate',
+        'scrollToTop',
+        'transition',
+        'loading',
+        'inheritAttrs',
+        'model',
+        'emits',
+        'setup',
+        'asyncData',
+        'data',
+        'fetch',
+        'head',
+        'computed',
+        'watch',
+        'watchQuery',
+        'LIFECYCLE_HOOKS',
+        'methods',
+        ['template', 'render'],
+        'renderError'
       ]
     }]
   },

package/.storybook/preview.js

@@ -1,4 +1,10 @@
-import '../dist/css/psui_styles.css'
+
+/**
+ * Import tailwind css file (bundle) based on environment
+ */
+const cssEnvFolder = (process.env.STORYBOOK_ENV === 'production') ? 'dist' : 'temp'
+require( `../${cssEnvFolder}/css/psui_styles.css`)
+console.warn(`Using tailwind css file(bundle) from: ../${cssEnvFolder}/css/psui_styles.css`)
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },

package/README.md

@@ -22,8 +22,11 @@ Add in your css file
 @import '~@policystudio/policy-studio-ui-vue/src/assets/scss/tailwind.css'
 ```
 
-### Run documentation
-```npm run storybook```
+### Run development mode (watch changes)
+```npm run serve```
+
+### Integrated tailwind only
+```npm run watch-prod-tailwind```
 
 ### Website
 [ui.policystudio.co](https://ui.policystudio.co/)
@@ -35,3 +38,4 @@ Inside the policy-studio-ui-vue project folder
 
 Navigate to the application folder that you wants to link with the library
 ```` npm link @policystudio/policy-studio-ui-vue ````
+

package/babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"],
+  presets: ['@vue/cli-plugin-babel/preset'],
 }