feat: refactor using vue 3 🎉

.github/dependabot.yml

@@ -1,17 +1,31 @@
 version: 2
 updates:
+# Fetch and update latest `npm` packages
 - package-ecosystem: npm
-  directory: "/"
+  directory: '/'
   schedule:
     interval: daily
-    time: "23:30"
+    time: '00:00'
   open-pull-requests-limit: 10
   reviewers:
-  - vinayakkulkarni
+    - vinayakkulkarni
   assignees:
-  - vinayakkulkarni
-  labels:
-  - dependencies
+    - vinayakkulkarni
+  commit-message:
+    prefix: fix
+    prefix-development: chore
+    include: scope
+# Fetch and update latest `github-actions` pkgs
+- package-ecosystem: github-actions
+  directory: '/'
+  schedule:
+    interval: daily
+    time: '00:00'
+  open-pull-requests-limit: 10
+  reviewers:
+    - vinayakkulkarni
+  assignees:
+    - vinayakkulkarni
   commit-message:
     prefix: fix
     prefix-development: chore

.github/workflows/ci.yml

@@ -18,25 +18,27 @@ jobs:
         node: [14]
 
     steps:
-      - name: Checkout code ⚡️
+      - name: Checkout 🛎
         uses: actions/checkout@master
 
-      - name: Setup Node environment 🧪
-        uses: actions/setup-node@v1
+      - name: Setup node env 🏗
+        uses: actions/setup-node@v2.1.1
         with:
           node-version: ${{ matrix.node }}
 
-      - name: Restore & cache node_modules 🤖
-        uses: actions/cache@v1
+      - name: Cache node_modules 📦
+        uses: actions/cache@v2
         with:
-          path: node_modules
-          key: ${{ matrix.os }}-node-v${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/package-lock.json')) }}
-
-      - name: Clean install package dependencies 📦
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+      
+      - name: Install dependencies 👨🏻‍💻
         run: npm ci
 
-      - name: Ensure code is properly linted 🤙
+      - name: Run linter 👀
         run: npm run lint
 
-      - name: Ensure all tests are passing 🧪
+      - name: Run tests 🧪
         run: npm run test

.github/workflows/shipjs-trigger.yml

@@ -1,22 +1,37 @@
 name: Ship js trigger
 on:
-  push:
-    branches:
-      - main
+  pull_request:
+    types:
+      - closed
 jobs:
   build:
     name: Release
     runs-on: ubuntu-latest
+    if: github.event.pull_request.merged == true && startsWith(github.head_ref, 'releases/v')
     steps:
-      - uses: actions/checkout@v2
+      - name: Checkout 🛎️
+        uses: actions/checkout@v2
         with:
+          fetch-depth: 0
           ref: main
-      - uses: actions/setup-node@v1
+
+      - name: Setup node env 📦
+        uses: actions/[email protected]
         with:
           registry-url: "https://registry.npmjs.org"
-      - run: npm i
-      - run: npm run test
-      - run: npm run release:trigger
+
+      - name: Restore cached node_modules ⚡️
+        uses: actions/cache@v2
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+      - name: Install dependencies 👨🏻‍💻
+        run: npm ci
+
+      - name: Perform a new release 🚨
+        run: npx shipjs trigger
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}

build/rollup.config.js

@@ -1,6 +1,7 @@
 import babel from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import vue from 'rollup-plugin-vue';
+import resolve from '@rollup/plugin-node-resolve';
 
 export default [
   // ESM build to be used with webpack/rollup.
@@ -12,13 +13,11 @@ export default [
       file: 'dist/v-intl.esm.js',
     },
     plugins: [
-      babel({
-        exclude: 'node_modules/**',
-      }),
+      babel({ babelHelpers: 'bundled', exclude: 'node_modules/**' }),
       commonjs(),
       vue(),
+      resolve(),
     ],
-    external: ['@vue/composition-api'],
   },
   // CommonJS build
   {
@@ -29,13 +28,11 @@ export default [
       file: 'dist/v-intl.cjs.js',
     },
     plugins: [
-      babel({
-        exclude: 'node_modules/**',
-      }),
+      babel({ babelHelpers: 'bundled', exclude: 'node_modules/**' }),
       commonjs(),
       vue(),
+      resolve(),
     ],
-    external: ['@vue/composition-api'],
   },
   // UMD build.
   {
@@ -44,17 +41,12 @@ export default [
       format: 'umd',
       name: 'VIntl',
       file: 'dist/v-intl.js',
-      globals: {
-        '@vue/composition-api': 'vueCompositionApi',
-      },
     },
     plugins: [
-      babel({
-        exclude: 'node_modules/**',
-      }),
+      babel({ babelHelpers: 'bundled', exclude: 'node_modules/**' }),
       commonjs(),
       vue(),
+      resolve(),
     ],
-    external: ['@vue/composition-api'],
   },
 ];

build/rollup.min.config.js

@@ -2,24 +2,23 @@ import babel from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import { terser } from 'rollup-plugin-terser';
 import vue from 'rollup-plugin-vue';
+import resolve from '@rollup/plugin-node-resolve';
 
 export default {
   input: 'src/index.js',
   output: {
     format: 'umd',
     name: 'VIntl',
     file: 'dist/v-intl.min.js',
-    globals: {
-      '@vue/composition-api': 'vueCompositionApi',
-    },
   },
   plugins: [
     babel({
+      babelHelpers: 'bundled',
       exclude: 'node_modules/**',
     }),
     commonjs(),
     terser(),
     vue(),
+    resolve(),
   ],
-  external: ['@vue/composition-api'],
 };