Story 3.6 : Carte interactive desktop (Konva.js) - Installation de konva et vue-konva - Configuration nuxt.config.ts pour transpile Konva - Création mapZones.ts avec 5 zones et connexions - Composant InteractiveMap.client.vue : - Canvas Konva avec zones cliquables - États visuels (visité/non visité/verrouillé) - Tooltip au hover avec statut - Marqueur de position animé - Navigation clavier (Tab + Enter) - Légende interactive - Traductions map.* FR/EN - Lazy-loading client-only (.client.vue) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
30 lines
679 B
JSON
30 lines
679 B
JSON
{
|
|
"name": "skycel-frontend",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"build": "nuxt build",
|
|
"dev": "nuxt dev",
|
|
"generate": "nuxt generate",
|
|
"preview": "nuxt preview",
|
|
"postinstall": "nuxt prepare"
|
|
},
|
|
"dependencies": {
|
|
"@headlessui/vue": "^1.7.23",
|
|
"@nuxt/image": "^1.9.0",
|
|
"@nuxtjs/i18n": "^9.0.0",
|
|
"@nuxtjs/sitemap": "^7.2.0",
|
|
"@pinia/nuxt": "^0.9.0",
|
|
"konva": "^10.2.0",
|
|
"nuxt": "^3.16.0",
|
|
"pinia-plugin-persistedstate": "^3.2.0",
|
|
"vue-konva": "^3.3.0"
|
|
},
|
|
"devDependencies": {
|
|
"autoprefixer": "^10.4.24",
|
|
"postcss": "^8.5.6",
|
|
"tailwindcss": "^3.4.19",
|
|
"typescript": "^5.7.0"
|
|
}
|
|
}
|