import PlannerGrid from '../planner-grid/planner-grid.js';

const { inject } = Vue;

export default {
  name: 'PlannerPage',
  components: { PlannerGrid },
  setup() {
    const appState = inject('appState');
    return { ...appState };
  },
  template: `
    <q-page-container>
      <q-page class="planner-page-root q-pa-none">
        <q-inner-loading :showing="loading">
          <q-spinner-gears size="50px" color="indigo-8"></q-spinner-gears>
          <div class="text-indigo-8 q-mt-sm">Loading Agents...</div>
        </q-inner-loading>
        <planner-grid></planner-grid>
      </q-page>
    </q-page-container>
  `
};