protonemedia · jdanino · Aug 15, 2022 · Aug 24, 2022 · Aug 24, 2022 · Aug 24, 2022
diff --git a/README.md b/README.md
@@ -1,5 +1,38 @@
 # Inertia.js Tables for Laravel Query Builder
 
+This package provides a set of components to build Inertia.js tables using [Spatie's Laravel Query Builder](https://github.com/spatie/laravel-query-builder).
+
+## Version Compatibility
+
+| Package Version | Inertia.js Version | Laravel Version |
+|-----------------|-------------------|-----------------|
+| 2.x             | 0.x               | 8.x, 9.x, 10.x  |
+| 3.x             | 1.x, 2.x          | 8.x, 9.x, 10.x  |
+
+## Upgrading from v2.x to v3.x
+
+Version 3.x of this package supports Inertia.js 2.0. If you're upgrading from v2.x, you'll need to:
+
+1. Update your dependencies:
+   ```bash
+   npm remove @inertiajs/inertia @inertiajs/inertia-vue3 @inertiajs/progress
+   npm install @inertiajs/vue3
+   ```
+
+2. Update your imports:
+   - Replace `@inertiajs/inertia-vue3` with `@inertiajs/vue3`
+   - Replace `@inertiajs/inertia` with `@inertiajs/vue3`
+   - Replace `@inertiajs/progress` with the progress module from `@inertiajs/vue3`
+
+3. Update your Inertia setup:
+   - The `setup` function now receives `App` instead of `app`
+   - Use the `router` and `usePage()` instead of `$inertia` and `$inertia.page`
+   - Update event listeners from `inertia:success` to `success`
+
+For more details on upgrading to Inertia.js 2.0, see the [official upgrade guide](https://inertiajs.com/upgrade-guide).
+
+# Inertia.js Tables for Laravel Query Builder
+
 [![Latest Version on NPM](https://img.shields.io/npm/v/@protonemedia/inertiajs-tables-laravel-query-builder.svg?style=flat-square)](https://npmjs.com/package/@protonemedia/inertiajs-tables-laravel-query-builder)
 [![npm](https://img.shields.io/npm/dt/@protonemedia/inertiajs-tables-laravel-query-builder.svg?style=flat-square)](https://www.npmjs.com/package/@protonemedia/inertiajs-tables-laravel-query-builder)
 [![Latest Version on Packagist](https://img.shields.io/packagist/v/protonemedia/inertiajs-tables-laravel-query-builder.svg?style=flat-square)](https://packagist.org/packages/protonemedia/inertiajs-tables-laravel-query-builder)
@@ -270,16 +303,18 @@ The `Table` has some additional properties to tweak its front-end behaviour.
     :prevent-overlapping-requests="false"
     :input-debounce-ms="1000"
     :prevent-scroll="true"
+    :active-classes="{text: 'text-red-500', border: 'border-red-300'}"
   />
 </template>
 ```
 
-| Property | Description | Default |
-| --- | --- | --- |
-| striped | Adds a *striped* layout to the table. | `false` |
-| preventOverlappingRequests | Cancels a previous visit on new user input to prevent an inconsistent state. | `true` |
-| inputDebounceMs | Number of ms to wait before refreshing the table on user input. | 350 |
-| preventScroll | Configures the [Scroll preservation](https://inertiajs.com/scroll-management#scroll-preservation) behavior. You may also pass `table-top` to this property to scroll to the top of the table on new data. | false |
+| Property                   | Description                                                                                                                                                                                               | Default                                                |
+|----------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------|
+| striped                    | Adds a *striped* layout to the table.                                                                                                                                                                     | `false`                                                |
+| preventOverlappingRequests | Cancels a previous visit on new user input to prevent an inconsistent state.                                                                                                                              | `true`                                                 |
+| inputDebounceMs            | Number of ms to wait before refreshing the table on user input.                                                                                                                                           | 350                                                    |
+| preventScroll              | Configures the [Scroll preservation](https://inertiajs.com/scroll-management#scroll-preservation) behavior. You may also pass `table-top` to this property to scroll to the top of the table on new data. | false                                                  |
+| activeClasses              | Configures the CSS classes to apply on active elements like filters & column buttons and sorting indicator                                                                                                | {text: 'text-green-400', border: 'border-green-300' }  |
 
 #### Custom column cells
 

diff --git a/app/.editorconfig b/app/.editorconfig
diff --git a/app/.env.example b/app/.env.example
diff --git a/app/.gitattributes b/app/.gitattributes
diff --git a/app/.gitignore b/app/.gitignore
diff --git a/app/app/Console/Kernel.php b/app/app/Console/Kernel.php
diff --git a/app/app/Exceptions/Handler.php b/app/app/Exceptions/Handler.php
diff --git a/app/app/Http/Kernel.php b/app/app/Http/Kernel.php
diff --git a/app/app/Http/Middleware/Authenticate.php b/app/app/Http/Middleware/Authenticate.php
diff --git a/app/app/Http/Middleware/EncryptCookies.php b/app/app/Http/Middleware/EncryptCookies.php