protonemedia / laravel-splade-docs Goto Github PK

for form-select remote-url, there are 30,000 lines, how can I make it so that the whole thing is not loaded, but the values are loaded based on a search, e.g. max 10 plus the default value if it is selected

Hi, I am kind of lost about what "Blade fallback" here https://splade.dev/docs/ssr .

You say: "Of course, you should always prefer the rendered content by the SSR server, but it’s nice to have a fallback. This way, search engine crawlers won’t index an empty page."

Can you explain it a bit more in the docs. The current wording is kind of "mysterious" ;). I know that the missing html tags and only one div app tag instead are bad for SEO. But I have no clue what is the difference between SSR by node and SSR by "fallback" Blade - because both are sending js files and not whole html files, when you click around on links, right?

Is blade ssr slower, more CPU intensive or just "some other way" bad? What aren't we using just Blade SSR rendering instead of node SSR rendering?

I have tried it and with the Blade fallback the file that with SSR enabled (node bootstrap/ssr/ssr.mjs and SPLADE_SSR_ENABLED=true in the .env file) had 71 kB . The same file with SPLADE_SSR_ENABLED=false in the .env file) had 74 kB.

But I am not sure what is different.

I not found in documentation where configure language.
In translation page, only says how publish the translations jsons.

This has been asked a few times, so let’s include it in the docs :)

A (doc page, blog post, or video tutorial) explaining how to use filters with splade
Would be so helpful (Screenshot Below).

I wanna start using Splade in my current project. So hopefully someone will make a tutorial.

See Laravel Pagination Doc Appending Query String Values

Using the current method described in the documentation:

<x-splade-table :for="$users">
    <x-slot name="head">
        <thead>
            <tr>
                @foreach($users->columns() as $column)
                    <th>{{ $column->label }}</th>
                @endforeach
            </tr>
        </thead>
    </x-slot>
 
    <x-slot name="body">
        <tbody>
            @foreach($users->resource as $user)
                <tr>
                    ...
                </tr>
            @endforeach
        </tbody>
    </x-slot>
</x-splade-table>

If I use a dedicated class for the instance I get the error:

Call to a member function columns() on string

If I use an inline SpladeTable class it works, but then I lose export and bulk action features.

The purpose of the override is to create a mobile responsive table using the same instance, currently needing to load two instances to get this done.

Is there a different way to allow the dedicated class instance to work with this?

Hey! I am using a custom authentication system. After the user is logged out and when he clicks on the browser back button, He can still see the page. How to avoid this? I am already using a middleware for back button.

Back Button Disable Middleware Code

    public function handle(Request $request, Closure $next)
    {
        $response = $next($request);
        $response->headers->set('Cache-Control', 'nocache, no-store, max-age=0, must-revalidate');
        $response->headers->set('Pragma', 'nocache');
        $response->headers->set('Expires', 'Sat, 01 Jan 2000 00:00:00 GMT');

        return $response;
    }

It's already included in the introduction but should also be very clear in the Data, Defer, and Form components.

It's common situation when user clicks on Delete button and confirmation Modal pops up. But i'm stuck passing id to Modal

<x-splade-data>

      <x-splade-table :for="$tags" class="w-2/3">
          <x-splade-cell actions>
              <Link href="#confirm-delete" @click="state.shared.tag = {{ $item->id }}"> {{__('Delete')}} </Link>
          </x-splade-cell>
      </x-splade-table>

    <x-splade-modal :close-button="false" name="confirm-delete">
        <h1>{{ __('Are you sure') }}?</h1>
        <button type="button" @click="modal.close">{{ __('Cancel') }}</button>
        <Link :href=`/dashboard/tag/${data.tag}/delete`> {{__('Delete')}} </Link>
    </x-splade-modal>

</x-splade-data>

Tried both Data and State. And in both cases there is no data in modal