images page works and adding title

portfolio-nuxt/app.vue

@@ -6,6 +6,12 @@
   </div>
 </template>
 
+<script setup>
+useHead({
+  titleTemplate: 'Michael Winter'
+})
+</script>
+
 <style>
 .page-enter-active,
 .page-leave-active {

portfolio-nuxt/pages/[files]/[filename].vue

@@ -1,6 +1,7 @@
 <template>
     <div class="flex min-h-full items-center justify-center text-center">
-        <embed :src="'https://unboundedpress.org/api/' + route.params.files + '.files/' + metadata._id.$oid + '/binary'" class="w-[85%] h-[88vh]" />
+        <embed v-if="route.params.filename.split('.').pop()==='pdf'" :src="'https://unboundedpress.org/api/' + route.params.files + '.files/' + metadata._id.$oid + '/binary'" class="w-[85%] h-[88vh]" />
+        <nuxt-img v-else-if="route.params.filename.split('.').pop()==='jpg'" :src="'https://unboundedpress.org/api/' + route.params.files + '.files/' + metadata._id.$oid + '/binary'" class="w-[85%]"/>
     </div>
 </template>