// ▼ ヘッダー用アプリ（#vue-headerにマウント）
const headerApp = Vue.createApp({});
headerApp.component('header-component', HeaderComponent);
headerApp.mount('#vue-header');

// ▼ サブページヘッダー用アプリ（#vue-subheaderにマウント）
const subHeaderApp = Vue.createApp({});
subHeaderApp.component('subpage-header', SubpageHeader);
subHeaderApp.mount('#vue-subheader');

// ▼ アーティスト一覧用アプリ（#vue-stageにマウント）
fetch('./data/stage_artists.json')
  .then(response => response.json())
  .then(data => {
    const app = Vue.createApp({
      data() {
        return {
          artistData: data
        };
      }
    });
    app.component('stage-artist', StageArtistComponent);
    app.mount('#vue-stage'); 
  });