fcad-math

Collection de composants Vue 3 pour l'enseignement et la pratique des mathématiques.

Installation

npm install fcad-math

Installation globale : plugin utilisable dans toute la leçon

// main.js fcad-template
import { createApp } from 'vue'
import i18n from './i18n'
import FcadCoreDragon from 'fcad-core-dragon'
import { menuSettings } from './menu.setting.js'
import App from './App.vue'
import ExerciceInfinite from 'fcad-math'

const app = createApp(App)
app.provide('app', app)
app.use(ExerciceInfinite)
app.use(FcadCoreDragon, { i18n, menuSettings })
app.mount('#app')

Installation globale : utilisation dans une page

<template>
  ...
  <exercice-infinite :enonce="enonce1" :conditions="conditions1">
    <span>u1 =</span>
    <v-text-field id="u1" autocomplete="off" />
    <span>u2 =</span>
    <v-text-field id="u2" autocomplete="off" />
    <span>u3 =</span>
    <v-text-field id="u3" autocomplete="off" />
  </exercice-infinite>
  ...
</template>
<script>
...
data() {
    return {
      enonce1: `Donner un exemple de vecteur dont la norme est 5.`,
      conditions1: '(u1)^2 + (u2)^2 + (u3)^2 == 25'
    }
}
</script>

Installation localisée : plugin utilisable seulement dans la page visée

<template>
  ...
  <exercice-infinite :enonce="enonce1" :conditions="conditions1">
    <span>u1 =</span>
    <v-text-field id="u1" autocomplete="off" />
    <span>u2 =</span>
    <v-text-field id="u2" autocomplete="off" />
    <span>u3 =</span>
    <v-text-field id="u3" autocomplete="off" />
  </exercice-infinite>
  ...
</template>
<script>
import { ExerciceInfinite } from 'fcad-math'
export default {
  components: {
    ExerciceInfinite
  },
  data() {
    return {
      enonce1: `Donner un exemple de vecteur dont la norme est 5.`,
      conditions1: '(u1)^2 + (u2)^2 + (u3)^2 == 25'
    }
  }
}
</script>

Composants inclus (version initiale)

• ExerciceInfinite — exercice avec une infinité de solutions

Développement local

# Cloner le repo puis :
npm install
npm run build  # produit dist/

# Lancer le playground d'exemple
npm run play

Le dossier examples/playground-vite référence localement le paquet.

Licence

MIT © 2026 Marc-André Jalette