✨ Site > Versions > Active latest and keep active

site/src/components/versions/script.js

@@ -11,13 +11,15 @@ export default
 
     props:
     {
-        content: { type: Array }
+        content: { type: Array },
+        file: { type: Object }
     },
 
     computed:
     {
         versions()
         {
+            // console.log('uh')
             const versions = this.content.sort((versionA, versionB) =>
             {
                 const dateA = new Date(versionA.date)
@@ -28,5 +30,45 @@ export default
 
             return versions
         }
+    },
+
+    watch:
+    {
+        versions: 'onVersionsUpdate',
+        file: 'onFileUpdate'
+    },
+
+    created()
+    {
+        this.keepLatest = false
+    },
+
+    mounted()
+    {
+        this.$store.commit('setVersion', this.versions[0])
+    },
+
+    methods:
+    {
+        onVersionsUpdate()
+        {
+            if(this.keepLatest)
+            {
+                this.$store.commit('setVersion', this.versions[0])
+            }
+        },
+
+        onFileUpdate()
+        {
+            this.keepLatest = true
+            this.$store.commit('setVersion', this.versions[0])
+        },
+        
+        onVersionClick(version, index)
+        {
+            this.keepLatest = index === 0
+
+            this.$store.commit('setVersion', version)
+        }
     }
 }