docs: updated config and usage

Author: shairez

README.md

@@ -43,42 +43,46 @@ npm install -D cypress-ct-qwik
 
 ## Configuring Cypress
 
+1. Run cypress (in watch mode) after installation
+2. Follow the configuration wizard
+3. Add `addQwikLoader` to the `component.ts` file -
+
 ```ts
-// cypress.config.ts
+// component.ts
 
-import { defineConfig } from 'cypress';
+import { addQwikLoader } from 'cypress-ct-qwik';
 
-export default defineConfig({
-  component: {
-    devServer: {
-      mode: 'test',
-      bundler: 'vite',
-    } as any,
-  },
-});
+addQwikLoader();
 ```
 
-Add `addQwikLoader` to the `component.ts` file -
+4. Add the `mount` command to `support/commands.ts` -
 
 ```ts
-// component.ts
+// commands.ts
 
-import { addQwikLoader } from 'cypress-ct-qwik';
+import { mount } from 'cypress-ct-qwik';
 
-addQwikLoader();
+declare namespace Cypress {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  interface Chainable<Subject> {
+    mount: typeof mount;
+  }
+}
+//
+
+Cypress.Commands.add('mount', mount);
 ```
 
 ## Usage
 
 ```ts
 // some-test.cy.ts
 
-import { mount } from 'cypress-ct-qwik';
 import MyComp from './my-comp';
 
 describe(`Qwik Component Test`, () => {
   it('should find my link', () => {
-    mount(<MyComp />);
+    cy.mount(<MyComp />);
 
     cy.contains('myLink').should('exist');
   });