jqhtml + Laravel + Vite

Development environment for the @jqhtml/vite-plugin

Environment Status

Laravel
12.39.0
PHP
8.4.15
Vite Plugin
Not loaded
jqhtml Runtime
Not loaded

Component Test Area

Once the Vite plugin and jqhtml runtime are configured, components will render here:

jqhtml component placeholder
<Counter_Widget $initial_count=5 />

Expected Vite Config

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import jqhtml from '@jqhtml/vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
        jqhtml(),
    ],
});

Next Steps

  1. Install @jqhtml/vite-plugin in Laravel project
  2. Configure Vite to use the plugin
  3. Add @jqhtml/core runtime to app.js
  4. Create .jqhtml component files
  5. Import and render components