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;

Site : https://edge-components.jrmc.dev/

Github : https://github.com/batosai/edge-components

Partage

©2024 Jeremy Chaufourier.