atomjoy

Firefox border radius 158+

# W pasku firefox
about:config

# Set true
toolkit.legacyUserProfileCustomizations.stylesheets

# W pasku firefox

atomjoy

<?php

namespace App\Traits;

use Illuminate\Http\Request;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Support\Facades\DB;

trait DynamicFacets
{

atomjoy

Laravel Inertia Canonical

@php
    $allowedParams = array_filter(request()->only(['page', 'lang']));
    $canonicalUrl = !empty($allowedParams) ? url()->current() . '?' . http_build_query($allowedParams) : url()->current();
@endphp

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"  @class(['dark' => ($appearance ?? 'system') == 'dark'])>

atomjoy

Seo Laravel Vue Inertia

How to inject json schema from Laravel with Inertia to app blade html head tag.

Vue PageSeo.vue component

To debilizm przekazywanie tego z Vue Inertia Head tworzy duplikaty jeżeli tag istnije w app.blade.php lepiej dodać to w blade!

<script setup lang="ts">

atomjoy

Html email template

Minimal html email template.

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />

atomjoy

Vue Table Filters Watcher

Globalny stan aplikacji w vue, inertia z przekazywaniem i aktualizacją stanu z komponentu.

Composable watcher

// composable/useTableWatcher.ts
import { watch, type Ref } from 'vue'
import { router } from '@inertiajs/vue3'

atomjoy

Table State Laravel Vue Inertia

Reaktywny stan aplikacji w Vue Inertia.

Funkcje

// helpers/useHelpers.ts
import { Ref } from 'vue'

atomjoy

<?php

namespace App\Traits;

use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Facades\Schema;

trait Filterable
{
    /**

atomjoy

Tanstack v9 Vue Inertia

Table with sorting, pagination, text search.

Controller

public function index(Request $request){
	$query = User::query();

atomjoy

Tanstack v9 useQuery v5 Laravel Inertia Vue

Laravel 13 Inertia, Vue i zapytania z useQuery do api.

Instalacja

npm i @tanstack/vue-table@9
npm i @tanstack/vue-query@5