adonisjs edge
/Edge components 2.0
April 23, 2024
Edge components est une bibliothèque de composants pour le moteur de modèle Edge 6 et AdonisJS 6. Cela facilite notamment l'utilisation des formulaires.
Dépendences
Ce package nécessite Edge 6, Tailwind avec DaisyUi et Alpine (en option).
Setup
La première étape consiste à installer le package depuis le registre npm.
npm i @jrmc/edge-components@next
L'étape suivante consiste à enregistrer un plugin Edge.
node ace configure @jrmc/edge-components
Tailwind setup
Dans votre répertoire de projet, installez les dépendances :
# install dependencies
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
# create postcss config file
touch postcss.config.js
# create tailwind config file
npx tailwindcss init
Dans postcss.config.js.
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
De plus, assurez-vous que les configurations Tailwind sont au minimum dans tailwind.config.js.
/** @type {import('tailwindcss').Config} */
import edgeComponent from '@jrmc/edge-components/tailwind.config'
module.exports = {
content: ['./resources/views/**/*.edge', ...edgeComponent.content],
plugins: [...edgeComponent.plugins],
}
Ajoutez également la base CSS dans resources/css/app.css.
@tailwind base;
@tailwind components;
@tailwind utilities;
Partage