1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31 import { ref } from 'vue'
import { useMainStore } from '../store/main'
export const AboutDialog = ({ visible }: { visible: boolean }) => {
vineEmits([ 'close' ])
const
mainStore = useMainStore(),
gitUrl = ref(import.meta.env.VITE_GIT_URL),
build = ref(''),
buildDate = ref('')
return vine`
<dialog v-if="visible" open="true" @click="$emit('close')">
<article @click.stop>
<h2>{ insert logo here }</h2>
<a :href="gitUrl" target="_blank" rel="noopener noreferrer">{{ gitUrl }}</a>
<p>Licensed under the AGPLv3 license.</p>
<div>Build: {{ build }}</div>
<div>Build date: {{ buildDate }}</div>
<div>Server name: {{ mainStore.serverInfo.name }}</div>
<div>Server version: {{ mainStore.serverInfo.version }}</div>
<div>
Server URL:
<a :href="mainStore.serverUrl" target="_blank" rel="noopener noreferrer">{{ mainStore.serverUrl }}</a>
</div>
<div>OpenSubsonic extensions: {{ mainStore.serverInfo.extensions.join(', ') }}</div>
</article>
</dialog>
`
}