You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<script setup lang="ts">
|
|
|
|
import PromiseResolver from "@/components/PromiseResolver.vue";
|
|
|
|
import CurrentlyPlaying from "@/components/CurrentlyPlaying.vue";
|
|
|
|
import { useRoute } from "vue-router";
|
|
|
|
|
|
|
|
const route = useRoute();
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<div class="about">
|
|
|
|
<h1>Connect</h1>
|
|
|
|
<div class="card">
|
|
|
|
<div class="card-header">
|
|
|
|
test
|
|
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
<PromiseResolver
|
|
|
|
:promise="$api.testConnection()"
|
|
|
|
v-slot="{ data }"
|
|
|
|
>
|
|
|
|
{{ data }}
|
|
|
|
</PromiseResolver>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="card">
|
|
|
|
<div class="card-header">
|
|
|
|
role
|
|
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
<PromiseResolver
|
|
|
|
:promise="$api.getRole()"
|
|
|
|
v-slot="{ data }"
|
|
|
|
>
|
|
|
|
{{ data }}
|
|
|
|
</PromiseResolver>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="card">
|
|
|
|
<div class="card-header">
|
|
|
|
currently playing
|
|
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
<PromiseResolver
|
|
|
|
:promise="$api.getCurrentlyPlaying()"
|
|
|
|
v-slot="{ data, update }"
|
|
|
|
class="col-md-4"
|
|
|
|
>
|
|
|
|
{{ data }}
|
|
|
|
<CurrentlyPlaying v-if="data.currentlyPlaying" :currentlyPlaying="data.currentlyPlaying" />
|
|
|
|
<button @click="update($api.getCurrentlyPlaying())" class="btn btn-secondary">update</button>
|
|
|
|
</PromiseResolver>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|