Using Laravel language variables

Question

I am using multiple languages in Laravel. I am getting the results of some data via Javascript files. My problem is that I need to convert the results from javascript to language. For this reason, I need to define language variables in javascript.

My language variables are like this;

{{ __('folder/folder.file') }}

sample javascript content

if (response == 0) {
    e.innerHTML = `You have received no orders in the last 90 days.`;
} else {
    e.innerHTML = `{{ __('folder/folder.file') }}`;
}

As you can see I didn't define the {{ __('folder/folder.file') }} language variables but it didn't work. How can I use it correctly here?

Assign {{ __('folder/folder.file') }} to a JS variable and just reference to it. — Innovin
– Innovin, Commented Sep 26, 2022 at 9:55

Royal_MGH · Accepted Answer · 2022-09-26 10:20:26Z

2

If you want to use PHP variable in the script tag inside the blade template your code is working well. But for external JS:

Use PHP and Laravel methods in Javascript

Define your language variable:( above your js code )

<script>    
    var myVar = {!! __('folder/folder.file') !!};
</script>

or use @JSON blade directive for objects and arrays :

var myVar = @json($array);

Then use myVar in your JS scripts

for your example :

if (response == 0) {
    e.innerHTML = `You have received no orders in the last 90 days.`;
} else {
    e.innerHTML = myVar;
}

I hope it helps

edited Sep 26, 2022 at 10:20

answered Sep 26, 2022 at 10:03

Royal_MGH

8046 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ontrable Over a year ago

I tried these but it didn't work. I am using external Js file.

Royal_MGH Over a year ago

@Ontrable Answer updated, please re-read and make sure declare the variable in your blade template (not external) and above your main js source.

Ontrable Over a year ago

I think the problem is the Js file. It doesn't read because I can't write it between the ` ` quotes. The js file content continues from KTCardsWidgetWeekly = { ..

shaedrich · Accepted Answer · 2022-09-26 11:02:10Z

0

You can't directly access PHP variables or functions in JavaScript, since when the Browser delivers contents of the requested URL to the client, it doesn't deliver PHP code but HTML (from your routes/web.php) or JSON (from your routes/api.php) depending on the case.

So, you need a way to access your translation variables some way or another (one of these options):

Make resources/lang publically accessable and use JSON files, that can be requested via fetch()
Make an endpoint in your routes/api.php to deliver your translations
echo them into your JS using blade as @Royal_MGH suggested

answered Sep 26, 2022 at 11:02

shaedrich

5,7633 gold badges31 silver badges47 bronze badges

Comments

gucci_snack · Accepted Answer · 2024-11-29 06:12:08Z

I had a similar roadblock and decided to create a global "Languages" variable in my app.js file:

window.Languages = {};

// dispatch event listener for scripts that will access Languages variable. 
// languages:init is an example, as I've used alpine:init 
// or you can skip the dipsatch event and listen for DOMContentLoaded
document.dispatchEvent(new Event('languages:init'));

This way I can have multiple scripts add text to this array.

In my case I needed to access language data in my "resources/js/tiptap.js" file. I then added a script to push to my scripts stack within my blade component:

@push('scripts')
    <script>
        document.addEventListener('languages:init', () => {
            Languages['Page Break'] = '{{ __('Page Break') }}';
        });
    </script>
@endpush

Now in my "resources/js/tiptap.js" file, I just call upon the Languages variable (when it's ready to be accessed). In my case I accessed the Languages variable after the user added a page break, so I didn't need to listen for any events that told me the languages variable was ready:

Languages['Page Break']

Collectives™ on Stack Overflow

Using Laravel language variables

3 Answers 3

Use PHP and Laravel methods in Javascript

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Use PHP and Laravel methods in Javascript

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related