import { defineComponent } from 'vue';
import { NuxtPage } from '#components';

import './app.scss';

const AdminNav = defineAsyncComponent(() => import('~~/components/_/Nav'));

export default defineComponent({
  setup() {
    const { me } = useMe();
    return () => (
      <div class="ex-app">
        {me.value ? <AdminNav class="ex-app--edit-nav" /> : null}
        <NuxtPage class="ex-app--page" />
      </div>
    );
  },
});