Feat: reverse month order

src/store/travail/index.js

@@ -66,7 +66,7 @@ const travail = {
         Count (state) {return state.months.length},
         TheEmptyMonth (state) {return {...state.empty}},
         MonthsDate (state) {
-            return Object.keys(state.months).sort()
+            return Object.keys(state.months).sort().reverse()
             //return state.months.sort((a, b) => new Date(b.date) - new Date(a.date))
         },
         getMonth: (state) => (date) => {

src/views/home.vue

@@ -1,10 +1,20 @@
 <template>
 <h1>Home</h1>
-<section id="months">
+<section id="selector">
-    <h2> Mois </h2>
+    
-    <create-month></create-month>
-    <months-list></months-list>
 </section>
+<div id="content">
+    <section id="months">
+        <h2> Mois </h2>
+        <create-month></create-month>
+        <months-list></months-list>
+    </section>
+    <section id="stats">
+        <h2>Résumé</h2>
+            
+        
+    </section>
+</div>
 </template>
 
 <script>
@@ -33,7 +43,16 @@ export default {
 </script>
 
 <style scoped>
+#content {
+    display: inline-flex;
+    flex-direction: row;
+    background-color: red;
+    margin: 0;
+}
+#content > * {
+    margin: 10px;
+}
 #months {
-    width: 70%;
+    flex-basis: 60%;
 }
 </style>