feat: update README and remove vue/react composables in favor of npm package

- Updated README with new documentation and improved examples
- Removed Vue and React composables/hooks from package
- Added note for using @erag/lang-sync-inertia npm package
- Updated InstallLang command and ServiceProvider accordingly

Author: eramitgupta

README.md

@@ -43,13 +43,18 @@ To publish the configuration and composables, run:
 php artisan erag:install-lang
 ```
 
-This will publish:
+---
+
+# ⚠️ Required for Frontend (Vue/React)
+
+To use translations on your frontend, **📦 you must install the NPM companion package**:
 
-* ✅ `config/inertia-lang.php` — for customizing the language path
-* ✅ `resources/js/composables/useLang.ts` — for Vue (if selected)
-* ✅ `resources/js/hooks/useLang.tsx` — for React (if selected)
+```bash
+npm install @erag/lang-sync-inertia
+```
 
-During installation, you'll be prompted to choose either **Vue** or **React** for your frontend framework.
+📘 Full frontend documentation:
+➡ [https://www.npmjs.com/package/@erag/lang-sync-inertia](https://www.npmjs.com/package/@erag/lang-sync-inertia)
 
 ---
 
@@ -135,20 +140,20 @@ public function login()
 </template>
 
 <script setup>
-import { useLang } from '@/composables/useLang'
+import { vueLang } from '@erag/lang-sync-inertia'
 
-const { trans, __ } = useLang()
+const { trans, __ } = vueLang()
 </script>
 ```
 
 #### ✅ React Example
 
 ```tsx
 import React from 'react'
-import { useLang } from '@/hooks/useLang'
+import { reactLang } from '@erag/lang-sync-inertia'
 
 export default function Login() {
-    const { trans, __ } = useLang()
+    const { trans, __ } = reactLang()
 
     return (
         <div>
@@ -258,12 +263,10 @@ return [
 
 ---
 
-## 🧩 Composables Location
-
-* **Vue:** `resources/js/composables/useLang.ts`
-* **React:** `resources/js/hooks/useLang.tsx`
+## 🧩 Through:
 
-You can modify the location or structure of these files by adjusting the published files.
+* `vueLang()` — Vue 3
+* `reactLang()` — React
 
 ---
 

resources/js/composables/useLang.ts

@@ -3,6 +3,7 @@
 namespace LaravelLangSyncInertia\Commands;
 
 use Illuminate\Console\Command;
+use Illuminate\Support\Facades\Process;
 
 class InstallLang extends Command
 {
@@ -20,32 +21,16 @@ public function handle()
         $this->info('✅ Configuration published successfully.');
         $this->newLine();
 
-        // Ask for frontend framework
-        $choice = $this->choice(
-            '🎯 Which frontend framework are you using?',
-            ['Vue.js', 'React.js'],
-            0
-        );
-
-        if ($choice === 'Vue.js') {
-            $this->info('📦 Publishing Vue composable...');
-            $this->call('vendor:publish', [
-                '--tag' => 'erag:publish-lang-composable-vue',
-                '--force' => true,
-            ]);
-            $this->info('✅ Vue composable published successfully.');
-        }
+        $this->info('📦 Installing frontend helper via NPM...');
+
+        $result = Process::run('npm install @erag/lang-sync-inertia');
 
-        if ($choice === 'React.js') {
-            $this->info('📦 Publishing React composable...');
-            $this->call('vendor:publish', [
-                '--tag' => 'erag:publish-lang-composable-react',
-                '--force' => true,
-            ]);
-            $this->info('✅ React composable published successfully.');
+        if ($result->successful()) {
+            $this->info('✅ NPM package installed successfully.');
+        } else {
+            $this->error('❌ Failed to install NPM package.');
+            $this->line($result->errorOutput());
         }
 
-        $this->newLine();
-        $this->info('🎉 LaravelLangSyncInertia installation completed!');
     }
 }

resources/js/hooks/useLang.tsx

@@ -48,14 +48,6 @@ protected function publishConfig(): void
             __DIR__.'/../config/inertia-lang.php' => config_path('inertia-lang.php'),
         ], 'erag:publish-lang-config');
 
-        $this->publishes([
-            __DIR__.'/../resources/js/composables/useLang.ts' => resource_path('js/composables/useLang.ts'),
-        ], 'erag:publish-lang-composable-vue');
-
-        $this->publishes([
-            __DIR__.'/../resources/js/hooks/useLang.tsx' => resource_path('js/hooks/useLang.tsx'),
-        ], 'erag:publish-lang-composable-react');
-
     }
 
     protected function loadHelpers(): void