Configuration du frontend

Escalated fournit une interface partagee Inertia.js + Vue 3 sous forme de package npm. Tous les frameworks utilisent le meme frontend.

1. Installer le package npm

npm install @escalated-dev/escalated

2. Ajouter au contenu Tailwind

Assurez-vous que Tailwind analyse les composants Escalated pour les noms de classes :

export default {
  content: [
    './resources/**/*.vue',
    './node_modules/@escalated-dev/escalated/src/**/*.vue',
  ],
}

Pour Tailwind CSS v4+, ajoutez plutot Escalated comme source dans le fichier CSS de votre app :

/* resources/css/app.css */
@source '../../node_modules/@escalated-dev/escalated/src/**/*.vue';

Ajustez le chemin relatif si votre fichier CSS se trouve ailleurs.

3. Configurer le resolveur de pages Inertia

Cette etape suppose que Inertia et Vue sont deja installes et configures.

Les pages prefixees par Escalated/ sont resolues depuis le package npm :

import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';

// Pre-glob the Escalated pages
const escalatedPages = import.meta.glob(
  '../../node_modules/@escalated-dev/escalated/src/pages/**/*.vue'
);

createInertiaApp({
  resolve: (name) => {
    if (name.startsWith('Escalated/')) {
      const path = name.replace('Escalated/', '');
      return resolvePageComponent(
        `../../node_modules/@escalated-dev/escalated/src/pages/${path}.vue`,
        escalatedPages
      );
    }
    return resolvePageComponent(
      `./Pages/${name}.vue`,
      import.meta.glob('./Pages/**/*.vue')
    );
  },
});