Atomjoy atomjoy

Html email template

Minimal html email template.

<!DOCTYPE html>
<html>

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

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'

Table State Laravel Vue Inertia

Reaktywny stan aplikacji w Vue Inertia.

Funkcje

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

Tanstack v9 Vue Inertia

Table with sorting, pagination, text search.

Controller

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

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

Laravel Inertia Table

Backend

<?php

namespace App\Http\Controllers;

use App\Models\Todo;

Composable

Możesz zaimportować useCounter w kilku różnych komponentach, a każdy z nich będzie miał swój własny, niezależny licznik. Cała logika licznika jest poza komponentem wizualnym.

Tworzenie

composable.ts

import { ref } from 'vue'

Tanstack Query

TanStack Query (dawniej znany jako React Query) to potężna biblioteka do zarządzania asynchronicznym stanem aplikacji (tzw. server state). Pomaga w pobieraniu (fetching), cache'owaniu, synchronizowaniu oraz aktualizowaniu danych pochodzących z serwera, eliminując potrzebę pisania skomplikowanego kodu opartego na useEffect i useState.

Install

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

	<?php

	namespace App\Traits;

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

	trait Filterable
	{
	/**

	<?php
	// php artisan storage:link

	namespace App\Providers;

	use Carbon\CarbonImmutable;
	use Illuminate\Support\Facades\Date;
	use Illuminate\Support\Facades\DB;
	use Illuminate\Support\ServiceProvider;
	use Illuminate\Validation\Rules\Password;