@policystudio/policy-studio-ui-vue 1.1.89 → 1.1.90-beta.2

package/.eslintignore

@@ -0,0 +1 @@
+.storybook

package/.eslintrc.js

@@ -1,68 +1,71 @@
-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
+  module.exports = {
+    root: true,
+    env: {
+      node: true
+    },
+    parser: 'vue-eslint-parser',
+    parserOptions: {
+      parser: '@babel/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'],
+    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: ^14.0.0
+          node-version: 18.19.0
 
       - name: Install dependencies
         run: npm install && npm install vercel@25.1.0 && npm install -g vercel@25.1.0

package/.storybook/eventBus.js

@@ -1,3 +1,26 @@
-import Vue from 'vue';
+// this was a vue2 syntax
+// import Vue from 'vue';
+// export const eventBus = new Vue();
 
-export const eventBus = new Vue();
+// import { createApp } from 'vue';
+
+// export const app = createApp({});
+// const emitter = app.config.globalProperties.$emitter = {};
+
+// export const eventBus = {
+//   on(event, callback) {
+//     if (!emitter[event]) {
+//       emitter[event] = [];
+//     }
+//     emitter[event].push(callback);
+//   },
+//   emit(event, ...args) {
+//     if (emitter[event]) {
+//       emitter[event].forEach(callback => {
+//         callback(...args);
+//       });
+//     }
+//   },
+// };
+
+// app.mount('#app');

package/.storybook/main.js

@@ -1,25 +1,21 @@
-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": [
+/** @type { import('@storybook/vue3-webpack5').StorybookConfig } */
+const config = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
-    {
-      name: '@storybook/addon-postcss',
-      options: {
-        postcssLoaderOptions: {
-          implementation: require('postcss'),
-        },
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/vue3-webpack5",
+    options: {
+      builder: {
+        useSWC: true,
       },
     },
-  ],
-  "framework": "@storybook/vue"
-}
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

package/babel.config.js

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