https://github.com/projectsaturnstudios/chat-socket
Frontend Websocket (Laravel Echo) enabled theme for Vue3/Hybridly Projects
https://github.com/projectsaturnstudios/chat-socket
Last synced: 3 months ago
JSON representation
Frontend Websocket (Laravel Echo) enabled theme for Vue3/Hybridly Projects
- Host: GitHub
- URL: https://github.com/projectsaturnstudios/chat-socket
- Owner: projectsaturnstudios
- Created: 2025-07-02T13:25:44.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-02T13:26:46.000Z (about 1 year ago)
- Last Synced: 2025-07-02T15:04:04.892Z (about 1 year ago)
- Language: Vue
- Size: 5.86 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Installation
Require it with composer
```shell
composer require projectsaturnagents/chat-socket
```
Install vue3-beautiful-chat with your preferred JS package manager
```shell
bun i vue3-beautiful-chat
npm i vue3-beautiful-chat
```
# Usage
Migrate the assets to the resources themes folder with:
```shell
php artisan chat:update
```
It will create a folder in the resources/themes folder
if one wasn't created.
Overriding these components will not persist if you run the
command again. When the package updates in components, run the
command to get the latest updated files.
Add to shortcut to vite.config:
```javascript
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
import hybridly from 'hybridly/vite'
const ns_symbols = {
'@': '/resources',
// ...Other declarations
'ChatSocket': '/resources/themes/chat-socket'
};
export default defineConfig({
plugins: [
hybridly(),
tailwindcss()
],
resolve: {
alias: ns_symbols,
},
})
```
Import Components
```vue
import SomeComponent from ChatSocket/components/some-component.vue;
```
Use as page
```php
namespace App\Http\Controllers;
use Hybridly\View\Factory;
class SomeController
{
public function index(): Factory
{
return hybridly('chat-socket::some-view')
}
}
```
This will response with the component at resources/themes/chat-socket/views/some-view.vue