Initial commit

app/components/media/FileViewer.vue

@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <iframe
+      :src="`https://docs.google.com/gview?url=${url}&embedded=true`"
+      :style="`width:${width}; height:${height};overflow: hidden;`"
+      frameborder="0"
+    ></iframe>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from "vue";
+
+const props = defineProps({
+  url: {
+    type: String,
+    required: true,
+  },
+  width: {
+    type: String,
+    default: "100%",
+  },
+  height: {
+    type: String,
+    default: "100%",
+  },
+});
+</script>