update readme

Author: Sebi Nemeth

README.md

@@ -1,7 +1,4 @@
 # Live Translator Plugin for Vue i18n
-> [!WARNING]  
-> Plugin has been updated to Vue 3 only. To use with Vue 2 please use the legacy `vue2` branch.
-
 > [!WARNING]  
 > This plugin makes significant changes to the DOM, possibly messing up your layout and appearance. We advise you **NOT TO USE IT IN PRODUCTION**, only in development and staging instances.
 
@@ -14,32 +11,27 @@ npm i -s https://github.com/apicore-engineering/vue-i18n-live-translator-plugin
 ```
 
 ## Use
-Encode locale messages before passing them to `createI18n`:
-```typescript
-// i18n.ts
-import { createI18n } from 'vue-i18n'
-import { encodeMessages } from 'vue-i18n-live-translator-plugin'
-
-export const i18n = createI18n({
-  // ...
-  messages: encodeMessages(messages),
-})
-```
-Use plugin to decode info from locale messages:
 ```typescript
 // main.ts
+import { i18n } from './i18n'
 import { LiveTranslatorPlugin, TranslationMeta } from 'vue-i18n-live-translator-plugin'
 
-// const app = createApp(App)
-// app.use(i18n)
-// ...
+const app = createApp(App)
+app.use(i18n)
 
 app.use(LiveTranslatorPlugin, {
+    i18n,                                 // i18n instance
     translationLink (meta: TranslationMeta) {
-        return '' // your platform-specific link to the translation software
+        // your platform-specific link to the translation software
+        return ''
     },
     persist: true,
+    root: document.getElementById('app'), // root of your vue app, this is where the plugin looks for translated strings. defaults to document.documentElement
+    refreshRate: 100,                     // max refresh rate (ms)
+    checkVisibility: true,                // hide elements that are covered
 })
+
+app.mount('#app')
 ```
 
 ## Weblate example