feat(miro): add create board action

packages/docs/pages/.vitepress/config.js

@@ -178,6 +178,15 @@ export default defineConfig({
             { text: 'Connection', link: '/apps/mattermost/connection' },
           ],
         },
+        {
+          text: 'Miro',
+          collapsible: true,
+          collapsed: true,
+          items: [
+            { text: 'Actions', link: '/apps/miro/actions' },
+            { text: 'Connection', link: '/apps/miro/connection' },
+          ],
+        },
         {
           text: 'Notion',
           collapsible: true,

packages/docs/pages/apps/miro/actions.md

@@ -0,0 +1,12 @@
+---
+favicon: /favicons/miro.svg
+items:
+  - name: Create board
+    desc: Creates a new board.
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

packages/docs/pages/apps/miro/connection.md

@@ -0,0 +1,19 @@
+# Miro
+
+:::info
+This page explains the steps you need to follow to set up the Miro
+connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+1. Go to [link](https://miro.com/signup/) to create a user account in Miro.
+2. After signin in, go to [link](https://miro.com/app/dashboard/?createDevTeam=1) to create a developer team.
+3. In the **Create new team** modal, select the checkbox and then click **Create team** button.
+4. After that, click **Create new app** in Your app section.
+5. Fill the field of **App Name**.
+6. Select the **Expire user authorization token** checkbox and click the **Create app**.
+7. Copy **OAuth Redirect URL** from Automatisch to the **Redirect URI for OAuth2.0** field.
+8. Give permissions for **boards**, **identity**, and **team** scopes in Permissions field.
+9. Copy the **Client ID** value to the `Client ID` field on Automatisch.
+10. Copy the **Client secret** value to the `Client Secret` field on Automatisch.
+11. Click **Submit** button on Automatisch.
+12. Congrats! Start using your new Miro connection within the flows.

packages/docs/pages/public/favicons/miro.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" width="2500" height="2500"><path d="M0 0h48v48H0z" fill="#ffd02f"/><path d="M32.708 6.4h-5.124l4.549 7.05-9.617-7.05h-5.124l4.549 9.238L12.324 6.4H7.2l4.474 11.926L7.2 41.6h5.124l9.617-24.955L17.392 41.6h5.124l9.617-27.142-4.549 27.142h5.124L42.4 11.785z" fill="#050038"/></svg>