Étape 5 : configurer l'API de Google GenAI

En haut de votre fichier src/assets/javascript/form.js, vous allez importer le SDK de Google GenAI et lui transmettre votre clé API :

Version avec NPM :

form.js

import { GoogleGenAI } from "@google/genai";    
  
const ai = new GoogleGenAI({apiKey: "votre-clé-api"});

export class ContentForm {
    #searchInput;
    #contentInput;
    #form;

    constructor() {
	    // mapping the class attributes to the HTML form input
        this.#form = document.querySelector("#content-form");
        this.#searchInput = document.querySelector("#seo-search");
        this.#contentInput = document.querySelector("#content");

		// listening to the form submit event
        this.#form.addEventListener("submit", (event) => this.#submit(event, this));
    }

    #submit(event, that)
    {
        
    }
}

Version sans NPM :

form.js

import { GoogleGenerativeAI as GoogleGenAI } from "https://cdn.jsdelivr.net/npm/@google/generative-ai/+esm";
  
const ai = new GoogleGenAI("votre-clé-api");

export class ContentForm {
    #searchInput;
    #contentInput;
    #form;

    constructor() {
	    // mapping the class attributes to the HTML form input
        this.#form = document.querySelector("#content-form");
        this.#searchInput = document.querySelector("#seo-search");
        this.#contentInput = document.querySelector("#content");

		// listening to the form submit event
        this.#form.addEventListener("submit", (event) => this.#submit(event, this));
    }

    #submit(event, that)
    {
        
    }
}

21 January 2026