Laravel Livewire Calendar Component

 Laravel Livewire Calendar Component

ravel Livewire Calendar is a component by Andrés Santibáñez to show events in a good looking monthly calendar.

To get started with this component, you'll create a component that extends the LivewireCalendar class and override the events() method:

 1public function events(): Collection
 2{
 3    return Model::query()
 4        ->whereDate('scheduled_at', '>=', $this->gridStartsAt)
 5        ->whereDate('scheduled_at', '<=', $this->gridEndsAt)
 6        ->get()
 7        ->map(function (Model $model) {
 8            return [
 9                'id' => $model->id,
10                'title' => $model->title,
11                'description' => $model->notes,
12                'date' => $model->scheduled_at,
13            ];
14        });
15}

Next, you need to include your component in any view as you would any Livewire component:

1<livewire:appointments-calendar/>
2 
3{{-- Specify year and month --}}
4<livewire:appointments-calendar
5   year="2019"
6   month="12"
7/>

This component also provides more advanced UI customization. Check out the readme for advanced customization. You can learn more about this package, get full installation instructions, and view the source code on GitHub.

Read More

Laravel and Vue Translation Package

Laravel and Vue Translation Package

Laravel Vue i18n is a package by Francisco Madeira that allows you to connect your Laravel translation files with Vue projects:

This package uses the same logic as the built-in localization features:

1<h1>{{ $t('Welcome :name!', { name: 'Francisco' }) }}. </h1>
2<div>
3  Logged in {{ $tChoice('{1} :count minute ago|[2,*] :count minutes ago', 10) }}
4</div>

Here are a few more examples of the package's API from the readme:

 1/*
 2// lang/pt.json
 3{
 4    "Welcome!": "Bem-vindo!",
 5    "Welcome, :name!": "Bem-vindo, :name!",
 6    "There is one apple|There are many apples": "Existe uma maça|Existe muitas maças",
 7    "{0} There are none|[1,19] There are some|[20,*] There are many": "Não tem|Tem algumas|Tem muitas",
 8    "{1} :count minute ago|[2,*] :count minutes ago": "{1} há :count minuto|[2,*] há :count minutos",
 9}
10*/
11 
12import { trans } from 'laravel-vue-i18n';
13 
14trans('Welcome!'); // Bem-vindo!
15trans('Welcome, :name!', { name: 'Francisco' }) // Bem-vindo Francisco!
16trans('Welcome, :NAME!', { name: 'Francisco' }) // Bem-vindo FRANCISCO!
17 
18transChoice('There is one apple|There are many apples', 1); // Existe uma maça
19transChoice('{0} There are none|[1,19] There are some|[20,*] There are many', 19); // Tem algumas
20transChoice('{1} :count minute ago|[2,*] :count minutes ago', 10); // Há 10 minutos.

This package allows you to change the locale at runtime via the loadLanguageAsync() function. You can learn more about this package, get full installation instructions, and view the source code on GitHub.

Read More