✨ Site > Order files and versions

site/src/components/files-tree-folder/script.js

@@ -22,6 +22,19 @@ export default
         }
     },
 
+    computed:
+    {
+        files()
+        {
+            const files = this.content.files.sort((fileA, fileB) =>
+            {
+                return fileA.name < fileB.name ? -1 : 1
+            })
+
+            return files
+        }
+    },
+
     created()
     {
     },

site/src/components/files-tree-folder/template.html

@@ -4,6 +4,6 @@
     </a>
     <div v-show="open">
         <files-tree-folder v-for="folder of content.folders" :key="folder.name" :content="folder" :depth="depth + 1"></files-tree-folder>
-        <files-tree-file v-for="file of content.files" :key="file.data.path.full" :content="file" :depth="depth + 1"></files-tree-file>
+        <files-tree-file v-for="file of files" :key="file.data.path.full" :content="file" :depth="depth + 1"></files-tree-file>
     </div>
 </div>

site/src/components/versions/script.js

@@ -12,5 +12,21 @@ export default
     props:
     {
         content: { type: Array }
+    },
+
+    computed:
+    {
+        versions()
+        {
+            const versions = this.content.sort((versionA, versionB) =>
+            {
+                const dateA = new Date(versionA.date)
+                const dateB = new Date(versionB.date)
+
+                return dateB.getTime() - dateA.getTime()
+            })
+
+            return versions
+        }
     }
 }

site/src/components/versions/template.html

@@ -1,3 +1,3 @@
 <div class="versions">
-    <version v-for="version of content" :content="version"></version>
+    <version v-for="version of versions" :content="version"></version>
 </div>