معرفی پکیج Localization لاراول برای Vue

در مقاله امروز لیداوب، یکی دیگر از پکیج‌های لاراول به نام پکیج Localization لاراول برای Vue را مورد بررسی قرار می‌دهیم. با ما همراه باشید. پکیج Localization لاراول برای Vue یک پکیج جدید ا

در مقاله امروز لیداوب، یکی دیگر از پکیج‌های لاراول به نام پکیج Localization لاراول برای Vue را مورد بررسی قرار می‌دهیم. با ما همراه باشید.

پکیج Localization لاراول برای Vue یک پکیج جدید است که عملیات localization لاراول را به فرمت مورد استفاده توسط پکیج‌های جاوا اسکریپت مانند Lang.js تبدیل می‌کند. پکیج Localization لاراول به شما کمک می‌کند تا خیلی سریع ترجمه‌های لاراول را به فرمت مورد قبول توسط اپلیکیشن‌های Vue.js تبدیل کنید. فایل readme این پکیج، چندین روش را ارائه می‌کند که می‌توان از طریق آن‌ها پکیج ترجمه‌های لاراول را به فریم ورک فرانت اند جاوا اسکریپت تبدیل کرد. اولین روش، استفاده از View Composer است:

مطالعه مقاله مرتبط:

ویژگی localization چیست و چه کاربردی در لاراول دارد؟

// inside ServiceProvider

// With alias
use ExportLocalization;

View::composer('view.file', function ($view) {
    return $view->with([
        'messages' => ExportLocalization::export()->toArray(),
    ]);
});

روش دوم، استفاده از یک مسیر یا route قابل کانفیگ است که همراه این پکیج عرضه می‌شود. route پیش‌فرض بهصورت زیر است:

<script>
  let messages = axios.get('https://localhost/js/lang.js')
</script>

تنظیمات در اپلیکیشن Vue به صورت زیر است (با استفاده از پکیج Lang.js NPM):

// Inside blade view
<script>

    window.default_locale = "{{ config('app.lang') }}";
    window.fallback_locale = "{{ config('app.fallback_locale') }}";
    window.messages = @json($messages);

</script>

// app.js
import Vue from 'vue';
import Lang from 'lang.js';

const default_locale = window.default_language;
const fallback_locale = window.fallback_locale;
const messages = window.messages;

Vue.prototype.trans = new Lang({
  messages,
  locale: default_locale,
  fallback: fallback_locale
});

// Example.vue
<b-input v-model="query"
    type="text"
    :placeholder="trans.get('search.placeholder')"
>
</b-input>

علت ایجاد این پکیج این بود که هر زمان میخواهیم از فایل‌های ترجمه لاراول در فریم ورک‌های جاوا اسکریپت مانند Vue استفاده کنیم، باید یک exporter مخصوص بنویسیم چون هیچ گونه auto export برای تمام فایل‌ها در فرمت قابل قبول جاوا اسکریپت وجود ندارد. از سری مشکلاتی که این پکیج حل می‌کند این است که به صورت خودکار تمام فایل‌های ترجمه، حتی فایل‌های مربوط به پکیج‌های خارجی را از پوشه vendor جمع‌آوری کرده و آن‌ها را به فرمت‌های مختلف آرایه، JSON، مجموعه و یک فرمت مخصوص و قابل قبول توسط Lang.js npm تبدیل می‌کند. قابلیت Routing در این پکیج می‌تواند برای جمع‌آوری ترجمه‌ها از هر بخش از کدها حتی از موبایل اپلیکیشن‌ها، اپلیکیشن‌های دسکتاپی و هر چیزی که بتواند درخواست HTTP به سرور ارسال کند، به کار رود. برای کسب اطلاعات بیشتر و آشنایی با نحوه نصب و دستوالعمل‌های این پکیج می‌توانید به Github سر بزنید.