Blade — Usage

Comment box by `page_id`

html

@php
    $pageId = 'post-'.$post->id;
@endphp

<x-blade-comments-box :pageId="$pageId" />

Alias:

html

<x-blade-comments::box :pageId="$pageId" />

Comment box on an Eloquent model

Whitelist the class in config/vgcomment.php:

php

'allowed_commentable_types' => [
    \App\Models\Post::class,
],

Then:

html

<x-blade-comments-box :commentable="$post" />

Minimal page

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    @commentBladeStyles
</head>
<body>
    <x-blade-comments-box pageId="blog-1" />

    @commentBladeScripts
</body>
</html>

How it works

The Blade component loads existing comments via CommentService.
It embeds JSON config (apiBase, CSRF, guest flags, context, …).
comments.js talks to /{prefix}/api for create/update/react/upload.

You do not need Livewire, Alpine, or Echo for the Blade UI.

Multiple boxes

Use different pageId (or models) per instance:

html

<x-blade-comments-box pageId="section-a" />
<x-blade-comments-box pageId="section-b" />

Admin

Same core admin as Livewire apps: Admin panel.

Blade — Usage ​

Comment box by page_id ​

Comment box on an Eloquent model ​

Minimal page ​

How it works ​

Multiple boxes ​

Admin ​

Blade — Usage

Comment box by `page_id`

Comment box on an Eloquent model

Minimal page

How it works

Multiple boxes

Admin