🚧 Site > Add file

site/src/components/file/index.vue

@@ -0,0 +1,3 @@
+<template src="./template.html"></template>
+<script src="./script.js"></script>
+<style src="./style.styl" lang="stylus" scoped></style>

site/src/components/file/script.js

@@ -0,0 +1,16 @@
+import Versions from '@/components/versions'
+
+export default
+{
+    name: 'file',
+
+    components:
+    {
+        Versions
+    },
+
+    props:
+    {
+        content: { type: Object }
+    }
+}

site/src/components/file/style.styl

@@ -0,0 +1,12 @@
+.file
+    position absolute
+    top 0
+    right 0
+    width 75%
+    height 100%
+    background rgba(0, 255, 0, 0.3)
+
+header
+    position absolute
+    top 0
+    left 0

site/src/components/file/template.html

@@ -0,0 +1,7 @@
+<div class="file">
+    <header>
+        File
+        {{ content.path.directory }} {{ content.name }}
+    </header>
+    <versions :content="content.versions"></versions>
+</div>