Added Repository

2026-01-30 14:06:12 +03:30
parent c0f3b8f792
commit 5d0198fa9e
61 changed files with 13034 additions and 2 deletions
--- a/resources/views/counter-page.blade.php
+++ b/resources/views/counter-page.blade.php
@@ -0,0 +1,14 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="py-12">
+    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+        <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
+            <div class="p-6">
+                <h1 class="text-3xl font-bold mb-6">Livewire Counter Example</h1>
+                @livewire('counter')
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="csrf-token" content="{{ csrf_token() }}">
+
+  <title>{{ config('app.name', 'Laravel') }}</title>
+
+  <!-- Fonts -->
+  <link rel="preconnect" href="https://fonts.bunny.net">
+  <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
+
+  <!-- Scripts -->
+  @vite(['resources/css/app.css', 'resources/js/app.js'])
+
+  <!-- Livewire Styles -->
+  @livewireStyles
+</head>
+
+<body>
+  <div class="bg-slate-500">Hello!</div>
+  @livewireScripts
+</body>
+
+</html>
--- a/resources/views/livewire/counter.blade.php
+++ b/resources/views/livewire/counter.blade.php
@@ -0,0 +1,32 @@
+<div class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md space-y-4">
+    <h2 class="text-2xl font-bold text-center">Livewire Counter</h2>
+
+    <div class="text-center">
+        <span class="text-4xl font-bold">{{ $count }}</span>
+    </div>
+
+    <div class="flex justify-center space-x-4">
+        <button
+            wire:click="decrement"
+            class="px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600"
+        >
+            Decrement
+        </button>
+
+        <button
+            wire:click="increment"
+            class="px-4 py-2 bg-green-500 text-white rounded hover:bg-green-600"
+        >
+            Increment
+        </button>
+    </div>
+
+    <div class="text-center">
+        <button
+            wire:click="resetCounter"
+            class="px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600"
+        >
+            Reset
+        </button>
+    </div>
+</div>