importer bootstrap

science-quest/package.json

@@ -9,6 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "bootstrap": "^5.3.3",
+    "sass": "^1.71.1",
     "vue": "^3.4.15",
     "vue-router": "^4.3.0"
   },

science-quest/src/main.js

@@ -4,6 +4,10 @@ import { createRouter, createWebHashHistory } from 'vue-router'
 import { createApp } from 'vue'
 import App from './App.vue'
 
+//importer bootstrap
+import * as bootstrap from 'bootstrap'
+import './scss/styles.scss'
+
 //importer les components pour le routing
 import PagePrincipale from "./components/PagePrincipale.vue"
 import NotFound from "./components/erreurs/NotFound.vue"

science-quest/src/scss/styles.scss

@@ -0,0 +1 @@
+@import "bootstrap/scss/bootstrap";