29 lines
741 B
Vue
29 lines
741 B
Vue
|
<template>
|
||
|
|
<div class="flex min-h-full items-center justify-center text-center">
|
||
|
|
<embed v-if="isPdf" :src="filePath" class="w-[85%] h-[88vh]"/>
|
||
|
|
<img v-else-if="isImage" :src="filePath" class="w-[85%]"/>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
const route = useRoute()
|
||
|
|
|
||
|
|
const filePath = computed(() => {
|
||
|
|
const filename = route.params.filename
|
||
|
|
return '/scores/' + filename
|
||
|
|
})
|
||
|
|
|
||
|
|
const isPdf = computed(() => {
|
||
|
|
return route.params.filename?.endsWith('.pdf')
|
||
|
|
})
|
||
|
|
|
||
|
|
const isImage = computed(() => {
|
||
|
|
const fn = route.params.filename || ''
|
||
|
|
return fn.endsWith('.jpg') || fn.endsWith('.jpeg') || fn.endsWith('.png')
|
||
|
|
})
|
||
|
|
|
||
|
|
useHead({
|
||
|
|
titleTemplate: 'Michael Winter - Scores - ' + route.params.filename
|
||
|
|
})
|
||
|
|
</script>
|