<template>
  <div class="layout-sidebar">
    <ul class="layout-menu">
      <li class="layout-root-menuitem">
        <div class="layout-menuitem-root-text">Home</div>
        <ul class="layout-submenu">
          <li>
            <nuxt-link to="/">
              <i class="pi pi-home layout-menuitem-icon"></i>
              <span class="layout-menuitem-text">Dashboard</span>
            </nuxt-link>
          </li>
        </ul>
      </li>

      <li class="layout-root-menuitem">
        <div class="layout-menuitem-root-text">Configuration</div>
        <ul class="layout-submenu">
          <li>
            <nuxt-link to="/config/account">
              <i class="pi pi-user layout-menuitem-icon"></i>
              <span class="layout-menuitem-text">Account</span>
            </nuxt-link>
          </li>
          <li>
            <nuxt-link to="/config/settings">
              <i class="pi pi-cog layout-menuitem-icon"></i>
              <span class="layout-menuitem-text">Settings</span>
            </nuxt-link>
          </li>
        </ul>
      </li>
    </ul>
  </div>
</template>
