const StageArtistComponent = {
  props: ["artistData"],
  template: `
    <div>
      <template v-for="(day, index) in artistData" :key="index">
  <div :id="day.id" class="anchor-adjust"></div>
  <h3 class="basic-line mgt-50 entame_date" :class="day.class">
          <img :src="'images/date_' + day.date.replaceAll('-', '').slice(4) + '.svg'" :alt="day.label" /> 出演アーティスト
        </h3>
        <ul class="article-container cal3 cal1_sp">
          <li v-for="(artist, i) in day.artists" :key="i">
          <a :href="artist.link" target="_blank"></a>
            <figure><img :src="artist.image" :alt="artist.name" /></figure>
            <div class="article-text">
              <h3 v-html="artist.name"></h3>
              <p v-if="artist.description" class="description" v-html="artist.description"></p></a>
              <p class="mgt-10"><a :href="artist.link" target="_blank" class="Btn">詳細はこちら</p>
            </div>
          </li>
          <li>
            <figure><img src="images/artist/stage_andmore.png" alt=""></figure>
            </li>
        </ul>
         <!--<p class="lh-15 ta-center fz-32 fz-21_sp fw-600"><strong>and more…</strong></p>-->
      </template>
    </div>
  `
};