cache.unset()

import joystick from '@joystick.js/ui';

const Player = joystick.component({
  events: {
    'click .clear-player': (event = {}, instance = {}) => {
      window.player_state.unset();
    },
    'click .play': (event = {}, instance = {}) => {
      ...
    },
    'click .pause': (event = {}, instance = {}) => {
      ...
    },
  },
  render: ({ props, state }) => {
    return `
      <div class="player">
        <header>
          <ul>
            <li class="previous"><i class="mod-icon-skip-back"></i></li>
            <li class="${props?.state?.playing ? 'pause' : 'play'}">
              <button>${props?.state?.playing ? 'pause' : 'play'}</button>
            </li>
            <li class="next"><i class="mod-icon-skip-forward"></i></li>
            <li class="clear-player"><i class="mod-icon-x"></i></li>
          </ul>
        </header>
        <footer>
          <div class="progress-bar">
            <div class="progress" style="width: ${(state?.player?.current_time / state?.player?.total_time) * 100}%;"></div>
          </div>
        </footer>
      </div>
    `;
  },
});

export default Player;

cache.unset(path: string, user_event_label: string) => undefined