+
+> Laravel Translator for Frontend
+
+Laravel Translator is a package that allows you to use Laravel's localization features in your frontend code, with
+the same syntax you would use in your backend code and zero configuration.
+
+This package was inspired by [laravel-vue-i18n](https://github.com/xiCO2k/laravel-vue-i18n)
+and [lingua](https://github.com/cyberwolf-studio/lingua).
+
+## 🧩 Features
+
+- Frontend framework-agnostic, works with any framework or even plain javascript (and even without Laravel)
+- Use the same translation files you use in your backend code (both php and json files are supported)
+- No extra configuration required: install, register and use
+- No export step required, translations are parsed and bundled directly from your backend code by Vite
+- Support for hot reloading
+- Minimal and lightweight
+
+## 🚀 Installation
+
+*ViteJS is required to use this package.*
+Install the package via npm or yarn:
+
+```bash
+npm install -D laravel-translator
+```
+
+In your `vite.config.js` file, register the plugin:
+
+```js
+import {defineConfig} from 'vite'
+import laravelTranslator from 'laravel-translator/vite'
+
+export default defineConfig({
+ plugins: [
+ // ...
+ laravelTranslator()
+ ]
+})
+```
+
+Run `npm run dev` to start the development server, or `npm run build` to build your assets for production.
+
+Remember to set the language in your `html`, for example in your `app.blade.php` file:
+
+```html
+
+
+```
+
+If you want to also pass the fallback locale to your frontend code, you can do so by adding the following line to your
+`app.blade.php` file:
+
+```html
+
+
+```
+
+## 🧑💻Usage
+
+You can import the usual Laravel translation functions from the `laravel-translator` package:
+
+```js
+import {__, trans, t, trans_choice} from 'laravel-translator'
+
+__('user.welcome', {name: 'John'}) // Welcome, John!
+trans('auth.failed') // These credentials do not match our records.
+t('auth.failed') // ...
+
+trans_choice('user.count', 1) // User
+trans_choice('user.count', 2) // Users
+```
+
+#### Svelte
+
+```html
+
+
+
+{__('page.content')}
+``` + +#### Vue + +```html + + +{{ __('page.content') }}
+