fix(package): update dependencies and switch to automatic release

release-npm

.github/workflows/push.yml

@@ -0,0 +1,41 @@
+name: push
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  test-publish-build-release:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - run: npm install
+      - name: 🛠️ Build Demo
+        run: |
+          cd demo
+          npm install
+          npx papua build
+      - name: 🚀 Deploy Demo
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          branch: demo
+          folder: demo/dist
+      - name: 🖥️ Serve Demo for Test
+        run: |
+          cd demo
+          # The & at the end ensures that the command exits
+          # and the server continues in the background.
+          npx papua serve &
+      - name: 🌲 Cypress Test
+        uses: cypress-io/github-action@v2
+        with:
+          install: false
+          # Wait for server above to start before testing.
+          wait-on: 'http://localhost:3000'
+          wait-on-timeout: 240
+      - name: 🚧 Build
+        run: npm run build
+      - name: 📢 Release
+        uses: tobua/release-npm-action@v1
+        with:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

README.md

@@ -1,6 +1,6 @@
 # indicate
 
-<img align="right" src="https://github.com/tobua/indicate/raw/master/logo.png" width="20%" alt="Indicate Scroll Plugin" />
+<img align="right" src="https://github.com/tobua/indicate/raw/main/logo.png" width="20%" alt="Indicate Scroll Plugin" />
 
 Indicates possible scroll using a fade effect in elements with overflow.
 
@@ -33,11 +33,11 @@ const Scrollable = () => <Indicate as="div" color="#00FF00">{`...`}</Indicate>
 
 ### Vue
 
-See [indicate/plugins/vue](https://github.com/tobua/indicate/tree/master/plugins/vue) for instructions and an example of how to integrate with Vue.
+See [indicate/plugins/vue](https://github.com/tobua/indicate/tree/main/plugins/vue) for instructions and an example of how to integrate with Vue.
 
 ### React Native
 
-See [indicate/plugins/react-native](https://github.com/tobua/indicate/tree/master/plugins/react-native) note that this plugin is quite different and has some drawbacks compared to the web version.
+See [indicate/plugins/react-native](https://github.com/tobua/indicate/tree/main/plugins/react-native) note that this plugin is quite different and has some drawbacks compared to the web version.
 
 ## Options
 
@@ -152,7 +152,7 @@ indicate('#my-element', { arrow: false })
 
 ## Theme
 
-Use themes to modify the styles of added elements. Use either one of the [published themes](https://github.com/tobua/indicate/tree/master/theme):
+Use themes to modify the styles of added elements. Use either one of the [published themes](https://github.com/tobua/indicate/tree/main/theme):
 
 ```ts
 // Adds a classname to every element for styling with CSS.
@@ -163,7 +163,7 @@ import youtube from 'indicate/theme/youtube'
 indicate('.element', { theme: youtube, color: '#FF00FF' })
 ```
 
-or create your **own theme** through the [dedicated documentation](https://github.com/tobua/indicate/tree/master/theme).
+or create your **own theme** through the [dedicated documentation](https://github.com/tobua/indicate/tree/main/theme).
 
 ## Styling