performing/laravel-harmony is a Laravel package for headless inertia components.
It currently has 0 GitHub stars and 2.829 downloads on Packagist (latest version 0.10.1).
Install it with composer require performing/laravel-harmony.
Discover more Laravel packages by performing
or browse all Laravel packages to compare alternatives.
Last updated
Collection of classes and vue components to speed your development of InertiaJs applications.
You can install the package via composer:
composer require performing/laravel-harmony
You can publish the config file with:
php artisan vendor:publish --tag="harmony-config"
Install npm dependencies:
npm install tailwindcss @headlessui/vue @popperjs/core @vueuse/core @zag-js/checkbox @zag-js/combobox @zag-js/popover @zag-js/toast @zag-js/vue
Update your vite configuraiton as follows:
import { defineConfig } from 'vite';
import path from 'node:path';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
import Components from "unplugin-vue-components/vite";
export default defineConfig({
resolve: {
alias: {
'@': path.resolve(__dirname, 'resources/js'),
'~': path.resolve(__dirname, 'vendor/performing/laravel-harmony/resources'),
}
},
plugins: [
Components({
dirs: [
// Add other paths before if you want to
// ovverride components with same name
'vendor/performing/laravel-harmony/resources/components',
],
extensions: ["vue"],
}),
// ...
]
})
Update your tsconfig
{
"compilerOptions": {
// ...
"paths": {
"~/*": ["./vendor/performing/laravel-harmony/resources/*"]
}
},
"include": [
"vendor/performing/laravel-harmony/resources/**/*"
]
}
use Performing\Harmony\Page;
use Performing\Harmony\Components\TableComponent;
class ModelController
{
public function index() : Inertia\Response
{
return [
Page::make('Title')
->table(
TableComponent::make()
->rows(Model::query())
->columns([ ... ])
->filters([ ... ])
->selectable()
)
->render('harmony::resources/index')
]
}
}
composer test
Please see CHANGELOG for more information on what has changed recently.
Please see CONTRIBUTING for details.
Please review our security policy on how to report security vulnerabilities.
The MIT License (MIT). Please see License File for more information.