Language files (translations) not loading

[ElisameAraujo]

After install, configuration and creation of table following the configuration guide, I facing problems with loading the components

The date filter not working

I tried to republish the views and run php artisan optimize:clear, but got no luck
In the livewire-powergrid.php file I only change the theme for Bootstrap 5

I using Laravel 11 + Bootstrap 5.3

resources/js/app.js

import './../../vendor/power-components/livewire-powergrid/dist/powergrid'
import './../../vendor/power-components/livewire-powergrid/dist/bootstrap5.css'

[dansysanalyst]

Hi @ElisameAraujo,

It looks like Laravel can't find the language file for your locale and fallback locale.

Let's check some configurations...

1. Did you publish the language file? If yes, did you delete any folder created by the publishing command?

2. What is your .env locale configuration APP_LOCALE?

3. What is your app locale configuration in config/app.php and in .env?

I had no issue using PowerGrid in Portuguese when configuring my .env like so:

APP_LOCALE='pt_BR'
APP_FALLBACK_LOCALE=en
APP_FAKER_LOCALE=en_US

My config/app.php looks like this:

    'locale' => env('APP_LOCALE', 'en'),
    'fallback_locale' => env('APP_FALLBACK_LOCALE', 'en'),

I tried with and without published languages.

[ElisameAraujo]

1 - Yep, I publish the languages files, but not delete any of languages
2 - Looking now in the .env file, I notice the language for APP_LOCALE is ok, but in the APP_FALLBACK_LOCALE and APP_FAKER_LOCALE was in 'pt-br' and not 'pt_BR'. Changing this the filters now showing correctly
3 - I correctly the name of language in both files

So, for now the only filter that remain not working is the date filter using flatpickr

When I import flatpickr in app.js, the line turning gray

And when I import the styles, the path can't locate the files

And when I click to follow the path... The path can't be located

So, with that I can't filter dates using flatpickr

[dansysanalyst]

Glad to hear it is working now!

Did you check out the Flatpickr config section?

Also, the Troubleshooting Flatpickr Locale Support may be useful to read.

---

⭐ Please consider starring our repository. It is a great way to support the project.
📢 Share PowerGrid with your dev-community, friends and colleagues: Tweet, write a blog article or record a review video.
👥 PowerGrid is free, open-source and maintained by the authors and all contributors.

[ElisameAraujo]

Yep, and the config file from PowerGrid come with default configuration of Flatpickr, I didn't need it to add any line

[dansysanalyst]

see #1551 (comment)

[dansysanalyst]

@ElisameAraujo

Please add the following code to your resources/js/app.js:

import flatpickr from "flatpickr";

import 'flatpickr/dist/flatpickr.min.css';

[ElisameAraujo]

Same result, the flatpickr doesn't show any option to filter when I click to try pick a date

In the browser console show me a error

[dansysanalyst]

Try to mirror this resources/js/app.js

import './bootstrap';

import flatpickr from "flatpickr";
window.flatpickr = flatpickr

import 'flatpickr/dist/flatpickr.min.css';

import './../../vendor/power-components/livewire-powergrid/dist/powergrid'
import './../../vendor/power-components/livewire-powergrid/dist/bootstrap5.css'

[ElisameAraujo]

exemplo.mp4

And no luck...