Packages

potionx_new

0.0.13
0.0.19 0.0.18 0.0.17 0.0.16 0.0.15 0.0.14 0.0.13 0.0.12 0.0.11 0.0.10 0.0.9 0.0.8 0.0.7 0.0.6 0.0.5 0.0.4 0.0.3 0.0.2

Potionx project generator. Provides a `mix potionx.new` task to bootstrap a new Elixir application with Phoenix, Absinthe, Pow and Vue dependencies.

HexDocs

Current section

Files

Jump to
Readme
18 Versions
0 Dependencies
Dependants
Files
Activity
potionx_new templates potionx frontend admin src App.tsx
Raw

templates/potionx/frontend/admin/src/App.tsx 

import { AdminHeader, AdminHeaderAccount, AdminHeaderNav } from "@potionapps/ui";

import { computed, defineComponent } from 'vue'

import { useRoute } from 'vue-router'

import { routeNames } from './routes/routeNames'

import useAdminHeaderAccount from './useAdminHeaderAccount'

import useAdminHeaderNav from './useAdminHeaderNav'



export default defineComponent({

  name: 'App',

  components: {

  },

  setup () {

    const adminHeaderNavProps = useAdminHeaderNav()

    const adminHeaderAccountProps = useAdminHeaderAccount()

    const route = useRoute()



    const isLoginRoute = computed(() => {

      return [routeNames.login, routeNames.loginError].includes(route.name as any)

    })



    return () => <div class="flex flex-col min-h-screen">

      { 

        !isLoginRoute.value &&

          <AdminHeader class="s1050m:hidden">

            <div class="font-bold text-white"><%= @app_module %></div>

            <AdminHeaderNav {...adminHeaderNavProps.value} />

            <AdminHeaderAccount 

              {...adminHeaderAccountProps.value}

            />

          </AdminHeader>

      }

      <router-view />

    </div>

  }

})