WIP Сделала колонки

src/pages/newCalendar/components/CalendarHeader.vue

@@ -53,7 +53,7 @@
       ) 
     .h-10.p-1.flex.items-center.justify-between.bg-secondary.rounded.text-grey-color.ml-52
       q-btn-toggle(
-        v-model="displayType",
+        v-model="value",
         :options="displayTypesList",
         no-caps,
         toggle-color="light-blue-4",
@@ -63,24 +63,24 @@
 
 <script>
 import BaseInput from "@/components/base/BaseInput";
-//import * as moment from "moment/moment";
 import BaseCalendar from "@/components/base/BaseCalendar";
 import { mapState, mapActions } from "vuex";
+import { v_model } from "@/shared/mixins/v-model";
 export default {
   name: "CalendarHeader",
+  mixins: [v_model],
   components: { BaseInput, BaseCalendar },
   data() {
     return {
-      displayType: "collapsed",
       displayTypesList: [
-        {
-          label: "col",
-          value: "collapsed",
-        },
         {
           label: "exp",
           value: "expanded",
         },
+        {
+          label: "col",
+          value: "collapsed",
+        },
       ],
       date: {
         from: null,