chore: update README

Author: heinthanth

README.md

@@ -1,9 +1,12 @@
-# Qwik qwik-preact ⚡️
+# qwik-preact ⚡️
+
+QwikPreact allows adding Preact components into existing Qwik application
 
 ## How to Integrate into a Qwik app
 
 Integration is pretty much the same as <https://qwik.builder.io/docs/integrations/react/>.
-Instead of `react` and `react-dom`, you will need to install `preact` and `preact-render-to-string`. And don't forgot `/** @jsxImportSource preact */`
+
+First, install `@qwikdev/qwik-preact` with npm, pnpm or yarn. Instead of `react` and `react-dom`, you will need to install `preact` and `preact-render-to-string`. And don't forgot `/** @jsxImportSource preact */`
 
 preact.tsx
 
@@ -41,53 +44,25 @@ export default component$(() => {
 });
 ```
 
-Please keep in mind that this is an experimental implementation based on `qwik-react` implementation. So, there might be bugs and unwanted behaviours.
-
-## Development Builds
-
-- Create a component library
-- Vite.js tooling.
-- Prettier code formatter.
-
-### Client only
-
-During development, the index.html is not a result of server-side rendering, but rather the Qwik app is built using client-side JavaScript only. This is ideal for development with Vite and its ability to reload modules quickly and on-demand. However, this mode is only for development and does not showcase "how" Qwik works since JavaScript is required to execute, and Vite imports many development modules for the app to work.
-
-```
-npm run dev
-```
-
-### Server-side Rendering (SSR) and Client
-
-Server-side rendered index.html, with client-side modules prefetched and loaded by the browser. This can be used to test out server-side rendered content during development, but will be slower than the client-only development builds.
-
-```
-npm run dev.ssr
-```
-
-## Production Builds
-
-A production build should generate the client and server modules by running both client and server build commands.
-
-```
-npm run build
-```
-
-### Client Modules
-
-Production build that creates only the client-side modules that are dynamically imported by the browser.
-
-```
-npm run build.client
+vite.config.ts
+
+```ts
+// vite.config.ts
+import { qwikPreact } from '@qwikdev/qwik-preact/vite';
+ 
+export default defineConfig(() => {
+   return {
+     ...,
+     plugins: [
+       ..., 
+       // The important part
+       qwikPreact()
+     ],
+   };
+});
 ```
 
-### Server Modules
-
-Production build that creates the server-side render (SSR) module that is used by the server to render the HTML.
-
-```
-npm run build.server
-```
+Please keep in mind that this is an experimental implementation based on `qwik-react` implementation. So, there might be bugs and unwanted behaviours.
 
 ---