break: move to pnpm (#27)

* break: move to pnpm

* chore: fix gh actions

* chore: update lockfile

* chore: persist credentials

* chore: change to gh token

* feat: update version and readme

Co-authored-by: Irfan Maulana <maulana.irfan@tokopedia.com>

Author: mazipan

.babelrc

@@ -1,9 +1,9 @@
 root = true
 
-[*]
+[*.{js,jsx,ts,tsx,vue}]
 charset = utf-8
 indent_style = space
-indent_size = 2
 end_of_line = lf
-insert_final_newline = true
+indent_size = 2
 trim_trailing_whitespace = true
+insert_final_newline = true

.editorconfig

@@ -1,6 +1,2 @@
-build/*.js
-config/*.js
-dist/*.js
-test/*.js
 node_modules
-*.config*
+dist

.eslintignore

@@ -1,26 +1,20 @@
 module.exports = {
-  "env": {
-      "browser": true,
-      "commonjs": true,
-      "es6": true,
-      "jest": true
+  root: true,
+  env: {
+    node: true
   },
-  "extends": [
-    "eslint:recommended",
-    "plugin:vue/recommended"
+  extends: [
+    'plugin:vue/essential',
+    '@vue/standard',
+    '@vue/typescript',
+    'prettier'
   ],
-  "parserOptions": {
-      "ecmaVersion": 2018,
-      "sourceType": "module"
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-tabs': 'off'
   },
-  "rules": {
-      "indent": [ "error", 2 ],
-      "linebreak-style": [ "error", "unix" ],
-      "quotes": [ "error", "single" ],
-      "semi": [ "error", "never" ],
-      "no-console": "off"
-  },
-  "overrides": {
-      "files": [ "**/*.js", "**/*.vue" ]
+  parserOptions: {
+    parser: '@typescript-eslint/parser'
   }
-};
+}

.eslintrc.js

@@ -0,0 +1,46 @@
+name: "Build and Deploy"
+
+on:
+  push:
+    branches: [master]
+
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+        with:
+         persist-credentials: false
+         fetch-depth: 0
+
+      - name: Cache pnpm modules
+        uses: actions/cache@v2
+        env:
+          cache-name: cache-pnpm-modules
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ matrix.node-version }}-${{ hashFiles('**/package.json') }}
+          restore-keys: |
+            ${{ runner.os }}-build-${{ env.cache-name }}-${{ matrix.node-version }}-
+
+      - name: pnpm install recursive
+        uses: pnpm/action-setup@v1.2.1
+        with:
+          version: 5.17.2
+          run_install: |
+            - recursive: true
+              args: [--frozen-lockfile]
+
+      - name: Build library
+        run: pnpm run build:lib
+
+      - name: Build demo app
+        run: pnpm run build:demo
+
+      - name: GitHub Pages Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          personal_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./packages/demo/dist/
+          publish_branch: gh-pages

.github/workflows/build_deploy.yml

@@ -1,18 +1,18 @@
-# ⚠️🔌 vue2-simplert-plugin
-
-> Vue2-Simplert as Vue.js Plugins
-
-[![License](https://img.shields.io/github/license/mazipan/vue2-simplert-plugin.svg?maxAge=3600)](https://github.com/mazipan/vue2-simplert-plugin) ![minified](https://badgen.net/bundlephobia/minzip/vue2-simplert-plugin) [![version](https://img.shields.io/npm/v/vue2-simplert-plugin.svg)](https://www.npmjs.com/package/vue2-simplert-plugin) [![downloads](https://img.shields.io/npm/dt/vue2-simplert-plugin.svg)](https://www.npmjs.com/package/vue2-simplert-plugin)
+# ⚠️ vue2-simplert-plugin
 
+> Vue 2 Simple Alert Plugin (SweetAlert Inspired)
 
+[![License](https://img.shields.io/github/license/mazipan/vue2-simplert-plugin.svg?maxAge=3600)](https://github.com/mazipan/vue2-simplert-plugin) ![minified](https://badgen.net/bundlephobia/minzip/vue2-simplert-plugin) [![version](https://img.shields.io/npm/v/vue2-simplert-plugin.svg)](https://www.npmjs.com/package/vue2-simplert-plugin) [![downloads](https://img.shields.io/npm/dt/vue2-simplert-plugin.svg)](https://www.npmjs.com/package/vue2-simplert-plugin) [![Build and Deploy](https://github.com/mazipan/vue2-simplert-plugin/actions/workflows/build_deploy.yml/badge.svg)](https://github.com/mazipan/vue2-simplert-plugin/actions/workflows/build_deploy.yml)
 
 ## Why we need ?
 
 When we using [vue2-simplert](https://github.com/mazipan/vue2-simplert), we will need to `import` the library in every place we need. This is very bored because we do same task in many place. In [vue2-simplert](https://github.com/mazipan/vue2-simplert) we need to access method inside using `$refs` which is not recommended. For solving those problems I reborn [vue2-simplert](https://github.com/mazipan/vue2-simplert) as Vue.js Plugins and using EventBus for open/close.
 
 ## Demo
 
-[https://mazipan.github.io/vue2-simplert-plugin/](https://mazipan.github.io/vue2-simplert-plugin/)
+- [Full Demo](https://mazipan.github.io/vue2-simplert-plugin/)
+
+- [Codesandbox Test](https://codesandbox.io/s/vue-simplert-plugin-demo-elkoc)
 
 ## Install
 
@@ -35,16 +35,17 @@ npm i vue2-simplert-plugin --save
 Usually `main.js` or `index.js`
 
 ```javascript
-import Simplert from 'vue2-simplert-plugin'
-require('vue2-simplert-plugin/dist/vue2-simplert-plugin.css')
+import { Simplert } from 'vue2-simplert-plugin'
+import 'vue2-simplert-plugin/dist/vue2-simplert-plugin.min.css'
 
 Vue.use(Simplert)
 ```
-> from v0.4.0 you need to add `vue2-simplert-plugin.css`
 
 Or, with customize default config which still can be overrided.
 ```javascript
-import Simplert from 'vue2-simplert-plugin'
+import { Simplert } from 'vue2-simplert-plugin'
+import 'vue2-simplert-plugin/dist/vue2-simplert-plugin.min.css'
+
 Vue.use(Simplert, {
   title: 'test', //string -- title alert
   message: 'message', //string -- message alert
@@ -71,7 +72,7 @@ for more [Methods and Props](https://mazipan.gitbooks.io/vue2-simplert/method-an
 Usually `App.vue`
 
 ```html
-<simplert></simplert>
+<simplert />
 ```
 
 #### Open/Close Popup
@@ -92,39 +93,51 @@ this.$Simplert.close()
 If you already use [vue2-simplert](https://github.com/mazipan/vue2-simplert) in your project, please follow this below guide :
 + Make sure you add dependency `npm i vue2-simplert-plugin --save`
 + Import and use this plugin in your main app, ex : `main.js`
+
 ```javascript
-import Simplert from 'vue2-simplert-plugin'
-require('vue2-simplert-plugin/dist/vue2-simplert-plugin.css')
+import { Simplert } from 'vue2-simplert-plugin'
+import 'vue2-simplert-plugin/dist/vue2-simplert-plugin.min.css'
 
 Vue.use(Simplert)
 ```
+
 + Remove all import [vue2-simplert](https://github.com/mazipan/vue2-simplert) in your components and/or pages, because as Plugin you dont need to import in all components
+
 ```javascript
 import Simplert from 'vue2-simplert'
 ```
+
 + Remove all adding component [vue2-simplert](https://github.com/mazipan/vue2-simplert) in your components and/or pages, because you dont need set components again
+
 ```javascript
 components: {Simplert}
 ```
+
 + Remove all template html snippet in each components
+
 ```html
 <simplert :useRadius="true"
           :useIcon="true"
           ref="simplert">
 </simplert>
 ```
+
 + Add new html snippet in root application, ex : `App.vue`
+
 ```html
 <simplert>
 </simplert>
 ```
+
 + Change all call method open with new plugin method, you dont need to change all configuration
+
 ```javascript
 // change this call
 this.$refs.simplert.openSimplert(obj)
 // to this way
 this.$Simplert.open(obj)
 ```
+
 + And **DONE** :+1: !!!
 
 ## Documentation Vue2-Simplert
@@ -146,4 +159,4 @@ If you'd like to contribute, head to the [contributing guidelines](CONTRIBUTING.
 
 ![vue2-simplert](https://mazipan.github.io/vue2-simplert/images/vue2-simplert-logo.png)
 
-Copyright © 2017 Built with ❤️ by Irfan Maulana
+Copyright © 2017-present, built with ❤️ by Irfan Maulana