Packages
Potionx project generator. Provides a `mix potionx.new` task to bootstrap a new Elixir application with Phoenix, Absinthe, Pow and Vue dependencies.
Current section
Files
Jump to
Current section
Files
templates/potionx/frontend/admin/src/routes/RouteUsers/RouteUsers.tsx
import { defineComponent } from "vue";
import { useQuery } from "@urql/vue";
import { UserEdge } from "shared/types";
import userCollectionGql from "shared/models/Users/user/userCollection.gql.ts";
export default defineComponent({
setup () {
const q = useQuery({
query: userCollectionGql,
variables: {
first: 15
}
})
return () => {
return <div>
{
q.data.value?.userCollection.edges
.map((edge: UserEdge) =>
<div>{edge.node?.email}</div>
)
}
</div>
}
}
})