added lighthouse docs

docs/Formatters/console-formatter.md

@@ -9,7 +9,7 @@ Console formatter for cucumber framework
 ## Installation
 `npm install @qavajs/console-formatter`
 
-## Config
+## Configuration
 To use formatter just add formatter section in config file
 
 ```javascript

docs/Formatters/html-formatter.md

@@ -9,7 +9,7 @@ Single file HTML formatter for cucumber framework
 ## Installation
 `npm install @qavajs/html-formatter`
 
-## Config
+## Configuration
 Add to formatter section in config file
 
 ```javascript

docs/Formatters/junit-formatter.md

@@ -6,7 +6,7 @@ sidebar_position: 5
 
 Junit formatter is built-in to CucumberJS so no need to install any packages
 
-## Config
+## Configuration
 ```javascript
 export default {
     format: [

docs/Formatters/xray-formatter.md

@@ -9,7 +9,7 @@ Jira Xray formatter for cucumber framework
 ## Installation
 `npm install @qavajs/xray-formatter`
 
-## Config
+## Configuration
 Add to format section in config file
 
 cloud configuration:

docs/Guides/composing-steps.mdx

@@ -0,0 +1,45 @@
+---
+sidebar_position: 3
+---
+
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+# Composing Steps
+Framework provides capability to implement complex logic via `executeStep` world method
+that allow to call gherkin definitions programmatically
+
+<Tabs>
+  <TabItem value="js" label="JavaScript" default>
+    ```javascript
+    const { When, DataTable } = require('@cucumber/cucumber');
+
+    When('I do smth complex', async function() {
+        await this.executeStep(`I type 'username' to 'Username Input'`);
+        await this.executeStep(`I type 'password' to 'Password Input'`);
+        await this.executeStep(`I click 'Login Button'`);
+        await this.executeStep(`I fill following fields`, new DataTable([
+            [ 'Order', '123' ],
+            [ 'Delivery Location', 'New York' ]
+        ]))
+    });
+    ```
+  </TabItem>
+  <TabItem value="ts" label="TypeScript">
+    ```typescript
+    import { IQavajsWorld } from '@qavajs/cli';
+    import { When, DataTable } from '@cucumber/cucumber';
+
+    When('I do smth complex', async function(this: IQavajsWorld) {
+        await this.executeStep(`I type 'username' to 'Username Input'`);
+        await this.executeStep(`I type 'password' to 'Password Input'`);
+        await this.executeStep(`I click 'Login Button'`);
+        await this.executeStep(`I fill following fields`, new DataTable([
+            [ 'Order', '123' ],
+            [ 'Delivery Location', 'New York' ]
+        ]))
+    });
+    ```
+  </TabItem>
+</Tabs>
+