<template>
  <v-app>
    <v-main>
      <div v-if="store.token === null">
        <loginPage />
      </div>
      <div v-else>
        <HeaderBar />
        <div class="ma-8">
          <actionToolbar />
          <li>
            <CategoryContainer licenseGroupName="Jetbrains Ultimate"/>
            <CategoryContainer licenseGroupName="Microsoft"/>
          </li>
        </div>
      </div>

    </v-main>
  </v-app>
</template>

<script setup lang="ts">
import HeaderBar from './components/HeaderBar.vue';
import CategoryContainer from './components/CategoryContainer.vue';
import actionToolbar from './components/actionToolbar.vue';
import { store } from './store';


</script>

<style scoped>
  li {
      list-style-type: none;
  }
</style>

