<template>
<div id="wrapper">
  <main>
    <div>
      <img id="logo" src="~@/assets/logo.png" alt="electron-vue">
    </div>

    <div class="welcome">
      <div class="title">SPlayerX</div>
      <p> {{ version }} </p>
    </div>

    <div class="controller">
      <div class="playlist">
        <a class="item" v-if="hasRecentPlaylist" href="#" @click="openFile(lastPlayedFile)">
        </a>
      </div>
      <button @click="open('./')">
        <img src="~@/assets/icon-open.svg" type="image/svg+xml">
      </button>
    </div>
  </main>
</div>
</template>