@policystudio/policy-studio-ui-vue 1.1.90-beta.5 → 1.1.91

package/.eslintrc.js

@@ -1,82 +1,68 @@
-  module.exports = {
-    root: true,
-
-    env: {
-      node: true
-    },
-
-    parser: 'vue-eslint-parser',
-
-    parserOptions: {
-      parser: '@typescript-eslint/parser',
-      requireConfigFile: false,
-      babelOptions: {
-        babelrc: false,
-        configFile: false,
-        presets: ['@babel/preset-env'],
-      },
-    },
-
-    extends: [
-      'plugin:vue/vue3-essential', 
-      'eslint:recommended',
-      'plugin:vue/vue3-strongly-recommended',
-      '@vue/typescript'
-    ],
-
-    rules: {
-      'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-      'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-      'semi': ['warn', 'never'],
-      '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'
-        ]
-      }]
-    },
-
-    overrides: [
-      {
-        files: [
-          '**/__tests__/*.{j,t}s?(x)',
-          '**/tests/unit/**/*.spec.{j,t}s?(x)'
-        ],
-        env: {
-          jest: true
-        }
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: [
+    'plugin:vue/essential',
+    'eslint:recommended',
+  ],
+  parserOptions: {
+    parser: 'babel-eslint',
+    requireConfigFile: false,
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'semi': ['warn', 'never'],
+    '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'
+      ]
+    }]
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)'
+      ],
+      env: {
+        jest: true
       }
-    ],
-  }
+    }
+  ]
+}

package/.github/workflows/deploy-storybook.yml

@@ -26,7 +26,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: 18.19.0
+          node-version: ^14.0.0
 
       - name: Install dependencies
         run: npm install && npm install vercel@25.1.0 && npm install -g vercel@25.1.0

package/.storybook/PolicyStudio.js

@@ -0,0 +1,10 @@
+import { create } from '@storybook/theming';
+import logo from '../src/assets/images/policy-studio.svg';
+
+export default create({
+  base: 'light',
+  brandTitle: 'Policy Studio UI Vue',
+  brandUrl: 'https://policystudio.co/',
+  brandImage: logo,
+  brandTarget: '_blank',
+});

package/.storybook/eventBus.js

@@ -0,0 +1,3 @@
+import Vue from 'vue';
+
+export const eventBus = new Vue();

package/.storybook/main.js

@@ -0,0 +1,25 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  previewHead: (head) => (`
+    ${head}
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap" rel="stylesheet">
+  `),
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    {
+      name: '@storybook/addon-postcss',
+      options: {
+        postcssLoaderOptions: {
+          implementation: require('postcss'),
+        },
+      },
+    },
+  ],
+  "framework": "@storybook/vue"
+}

package/.storybook/manager.js

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/addons';
+import PolicyStudio from './PolicyStudio';
+
+addons.setConfig({
+  theme: PolicyStudio,
+});

package/babel.config.js

@@ -1,17 +1,3 @@
-const presets = [
-  [
-    '@babel/preset-env',
-    {
-      targets: {
-        edge: '17',
-        firefox: '60',
-        chrome: '67',
-        safari: '11.1',
-      },
-      useBuiltIns: 'usage',
-      corejs: '3.6.4',
-    },
-  ],
-]
-
-module.exports = { presets }
+module.exports = {
+  presets: ['@vue/cli-plugin-babel/preset'],
+}