edit: ajout d'une série de fenêtre flottantes déplaçable avec sytème de focus + transformation msgVisualizer en composant séparé et réglages associés

v1-com-officielle/src/main.js

@@ -6,11 +6,19 @@ import App from './App.vue'
 // import composants
 import TitleContent from './components/TitleContent.vue'
 import InfoContent from './components/InfoContent.vue'
+  //title
 import TitleText from './titleComponents/TitleText.vue'
 import GeneratedContent from './titleComponents/GeneratedContent.vue'
 import MusicPlayer from './titleComponents/MusicPlayer.vue'
+  //info
 import InfoMenu from './infoComponents/InfoMenu.vue'
 import InboxContent from './infoComponents/InboxContent.vue'
+  //indie
+import ArtistPannel from './indieComponents/ArtistPannel.vue'
+import NewsletterPannel from './indieComponents/NewsletterPannel.vue'
+import ContactPannel from './indieComponents/ContactPannel.vue'
+import InstaPannel from './indieComponents/InstaPannel.vue'
+import MessagePannel from './indieComponents/MessagePannel.vue'
 
 // création app racine
 const app = createApp(App);
@@ -18,11 +26,19 @@ const app = createApp(App);
 //Composants
 app.component('TitleDiv', TitleContent);
 app.component('InfoDiv', InfoContent);
+  //title
 app.component('PlayerDiv', MusicPlayer);
 app.component('TitleTextDiv', TitleText);
 app.component('GeneratedDiv',GeneratedContent);
+  //info
 app.component('InfoMenuDiv', InfoMenu);
 app.component('InboxDiv', InboxContent);
+  //indie
+app.component('ArtistPan', ArtistPannel);
+app.component('NewsPan', NewsletterPannel);
+app.component('ContactPan', ContactPannel);
+app.component('InstaPan', InstaPannel);
+app.component('MessagePan', MessagePannel);
 
 //Montage dans div#app de index.html
 app.mount('#app');