Generate vuejs files directly via command in laravel 5.1

So , i guess you are familiar with vuejs  , or if  not then in simple words vuejs is …

Simple

Write some HTML, grab some JSON, create a Vue instance, that’s it.

Reactive

Expressions & computed properties with transparent dependency tracking.

Components

Compose your application with decoupled, reusable components.

Compact

~23kb min+gzip, no dependency.

Fast

Precise and efficient async batch DOM updates.

Package Ready

Install via NPM or Bower – leverage your favorite eco system!

 

Find more at vuejs.org

 

So , here we are talking about laravel-vue-i18n-generator ,it Generates a vue-i18n compatible include file from your Laravel translations. in simple words this package that allows you to share your Laravel localizations with your vue front-end, using vue-i18n.

ok lets , install this via composer

In your project: composer require martinlindhe/laravel-vue-i18n-generator

In config/app.php providers:

MartinLindhe\VueInternationalizationGenerator\GeneratorProvider::class,

Then generate the include file with php artisan vue-i18n:generate

 

Here is the basic usage of this package

djust your vue app with something like:

import Vue from 'vue';
import VueInternationalization from 'vue-i18n';

import Locales from './vue-i18n-locales.generated.js';

Vue.use(VueInternationalization, {
    lang: 'en',
    locales: Locales
});

...

Parameters

The generator adjusts the strings in order to work with vue-i18n’s named formatting, so you can reuse your Laravel translations with parameters.

resource/lang/message.php:

return [
    'hello' => 'Hello :name',
];

in vue-i18n-locales.generated.js:

...
    "hello": "Hello {name}",
...

Blade template:

<div class="message">
    <p>{{ trans('message.hello', ['name' => 'visitor']) }}</p>
</div>

Vue template:

<div class="message">
    <p>{{ $t('message.hello', {name: 'visitor'}) }}</p>
</div>

The generated file is an ES6 module & Pluralization don’t work with vue-i18n

 

 

Deven Rathore

Deven is an Entrepreneur, and Full-stack developer, Constantly learning and experiencing new things. He currently runs CodeSource.io and Dunebook.com.

Published by
Deven Rathore

Recent Posts

3 Ways to Get the Most Out of Your University’s Virtual Computer Lab

IT is more important than ever in the world of higher education, and yet with…

22 hours ago

Top Tips for Learning Java Programming

If you’re here for the top tips, we assume you’re ahead of the “how to…

1 day ago

Neural Networks for Creating Blog Texts

The world is progressing at unprecedented rates at the current moment, especially in terms of…

2 days ago

Top 20 Opensource Python Tkinter Projects

This article will highlight the Top 20 Opensource Python Tkinter Projects which we believe will…

4 days ago

Beginners guide to Sneaker Proxies

With their numerous applications in streamlining the data flow, securing both the servers and the…

1 week ago

Top 20 Node.js dashboard templates

In this article, We will be looking at some of the top Node.js dashboard templates.…

1 week ago