ded-md"
              href="#"
              role="button"
              >
              <span aria-hidden="true">
                <i class="ti ti-directions text-2xl"></i>
              </span>
              <span :class="{ 'lg:hidden': !isSidebarOpen }" class="ml-2 lg:hidden">More</span>
              <span :class="{ 'lg:hidden': !isSidebarOpen }" aria-hidden="true" class="ml-auto lg:hidden">
                <!-- active class 'rotate-180' -->
                <svg :class="{ 'rotate-180': open }" class="w-4