app/Livewire/Bookmark.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Models\Bookmark as ModelsBookmark;
+use Livewire\Component;
+
+class Bookmark extends Component
+{
+    public ModelsBookmark $bookmark;
+
+    public function save(ModelsBookmark $bookmark)
+    {
+        $this->bookmark = $bookmark;
+    }
+}

app/View/Components/Bookmark.php

@@ -1,28 +0,0 @@
-<?php
-
-namespace App\View\Components;
-
-use App\Models\Bookmark as ModelsBookmark;
-use Closure;
-use Illuminate\Contracts\View\View;
-use Illuminate\View\Component;
-
-class Bookmark extends Component
-{
-    /**
-     * Create a new component instance.
-     */
-    public function __construct(
-        public ModelsBookmark $bookmark
-    ) {
-        //
-    }
-
-    /**
-     * Get the view / contents that represent the component.
-     */
-    public function render(): View|Closure|string
-    {
-        return view('components.bookmark');
-    }
-}

composer.json

@@ -10,7 +10,8 @@
     "require": {
         "php": "^8.2",
         "laravel/framework": "^11.0",
-        "laravel/tinker": "^2.9"
+        "laravel/tinker": "^2.9",
+        "livewire/livewire": "^3.5"
     },
     "require-dev": {
         "fakerphp/faker": "^1.23",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "2077c394f6aa7d63f49d97c8c4f2764c",
+    "content-hash": "0e9662e53ae62503767a15f5dc9e9a72",
     "packages": [
         {
             "name": "brick/math",
@@ -1815,6 +1815,82 @@
             ],
             "time": "2024-01-28T23:22:08+00:00"
         },
+        {
+            "name": "livewire/livewire",
+            "version": "v3.5.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/livewire/livewire.git",
+                "reference": "72e900825c560f0e4e620185b26c5441a8914435"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/livewire/livewire/zipball/72e900825c560f0e4e620185b26c5441a8914435",
+                "reference": "72e900825c560f0e4e620185b26c5441a8914435",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/database": "^10.0|^11.0",
+                "illuminate/routing": "^10.0|^11.0",
+                "illuminate/support": "^10.0|^11.0",
+                "illuminate/validation": "^10.0|^11.0",
+                "league/mime-type-detection": "^1.9",
+                "php": "^8.1",
+                "symfony/console": "^6.0|^7.0",
+                "symfony/http-kernel": "^6.2|^7.0"
+            },
+            "require-dev": {
+                "calebporzio/sushi": "^2.1",
+                "laravel/framework": "^10.15.0|^11.0",
+                "laravel/prompts": "^0.1.6",
+                "mockery/mockery": "^1.3.1",
+                "orchestra/testbench": "^8.21.0|^9.0",
+                "orchestra/testbench-dusk": "^8.24|^9.1",
+                "phpunit/phpunit": "^10.4",
+                "psy/psysh": "^0.11.22|^0.12"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Livewire\\LivewireServiceProvider"
+                    ],
+                    "aliases": {
+                        "Livewire": "Livewire\\Livewire"
+                    }
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/helpers.php"
+                ],
+                "psr-4": {
+                    "Livewire\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Caleb Porzio",
+                    "email": "calebporzio@gmail.com"
+                }
+            ],
+            "description": "A front-end framework for Laravel.",
+            "support": {
+                "issues": "https://github.com/livewire/livewire/issues",
+                "source": "https://github.com/livewire/livewire/tree/v3.5.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/livewire",
+                    "type": "github"
+                }
+            ],
+            "time": "2024-05-21T13:39:04+00:00"
+        },
         {
             "name": "monolog/monolog",
             "version": "3.6.0",

resources/views/bookmarks/index.blade.php

@@ -5,7 +5,7 @@
 {{ $bookmarks->links() }}
 
 @foreach ($bookmarks as $bookmark)
-    <x-bookmark :bookmark="$bookmark" />
+    <livewire:bookmark :bookmark="$bookmark" />
 @endforeach
 
 {{ $bookmarks->links() }}

resources/views/bookmarks/show.blade.php

@@ -4,5 +4,5 @@
     <p>
         <a href="{{ action('BookmarkController@index') }}">&larr; Back</a>
     </p>
-    <x-bookmark :bookmark="$bookmark" />
+    <livewire:bookmark :bookmark="$bookmark" />
 @endsection