feat(vue3): various upgrades for vue 3

Upgrades dependencies, migrates to storybook + vite, removes default export.

BREAKING CHANGE: Users will have to use es6-style named imports instead.

Also merges in changes from upstream master since beta branch diverged.

closes #44, closes #52

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Sarah Umi Leventhal <[email protected]>
Co-authored-by: Sarah Leventhal <[email protected]>
Co-authored-by: Ronald Jerez <[email protected]>
Co-authored-by: Reuk Bundara <[email protected]>

Author: 6 people

.eslintignore

@@ -0,0 +1,9 @@
+/dist/
+/coverage
+.vscode
+.yalc
+yalc.lock
+*.timestamp-*
+
+# Storybook Build
+storybook-static/

.eslintrc.cjs

@@ -0,0 +1,46 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true
+  },
+  globals: {
+    vi: true
+  },
+  parserOptions: {
+    ecmaVersion: 'latest',
+    parser: require.resolve('@typescript-eslint/parser'),
+    sourceType: 'module'
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/vue3-recommended',
+    'plugin:storybook/recommended',
+    'plugin:prettier/recommended'
+  ],
+  plugins: ['vue'],
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'vue/component-tags-order': [
+      'error',
+      {
+        order: ['script', 'template', 'style']
+      }
+    ],
+    'vue/multi-word-component-names': 'off'
+  },
+  overrides: [
+    {
+      files: ['vitest.setup.ts', '**/__tests__/*.{j,t}s', '**/tests/**/*.{spec,test}.{j,t}s'],
+      env: {
+        jest: true
+      },
+      plugins: ['vitest'],
+      extends: ['plugin:vitest/recommended'],
+      rules: {
+        'vitest/no-commented-out-tests': 'off'
+      }
+    }
+  ]
+}

.eslintrc.js

@@ -1,23 +1,26 @@
 name: Coverage
 
 on:
-  - push
-  - pull_request
+  pull_request:
+  push:
+    branches:
+      - master
+      - beta
 
 jobs:
   coverage:
     name: Coverage
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
-          node-version: 14
+          node-version: 16
       - name: Install
         run: npm ci
       - name: Test
         run: npm test
       - name: Coveralls
-        uses: coverallsapp/github-action@master
+        uses: coverallsapp/github-action@v2
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/coverage.yml

@@ -0,0 +1,27 @@
+name: Publish beta demo page
+
+on:
+  push:
+    tags:
+      - 'v[0-9]+.[0-9]+.[0-9]+-beta.[0-9]+'
+
+jobs:
+  docs:
+    name: Generate Docs
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 16
+      - name: Install
+        run: npm ci
+      - name: Build Docs
+        run: npm run build:docs
+      - name: Deploy Github Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./storybook-static
+          destination_dir: beta
+

.github/workflows/docs.yml

@@ -0,0 +1,27 @@
+name: Publish latest demo page
+
+on:
+  push:
+    tags:
+      - 'v[0-9]+.[0-9]+.[0-9]+'
+
+jobs:
+  docs:
+    name: Generate Docs
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 16
+      - name: Install
+        run: npm ci
+      - name: Build Docs
+        run: npm run build:docs
+      - name: Deploy Github Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./build
+          destination_dir: latest
+

.github/workflows/gh-pages-beta.yml

@@ -17,7 +17,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: 14
+          node-version: 16
       - name: Install
         run: npm ci
       - name: Test

.github/workflows/gh-pages-latest.yml

@@ -1,8 +1,10 @@
 .DS_Store
 node_modules
 /dist
-/build
 /coverage
+.yalc
+yalc.lock
+*.timestamp-*
 
 # local env files
 .env.local
@@ -21,3 +23,6 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+
+# Storybook Build
+storybook-static/

.github/workflows/release.yml

@@ -0,0 +1 @@
+16.16.0