start reverting to trying to follow ProductList.vue

src/prog/dashboard3/README.md

@@ -36,3 +36,7 @@ example 2
 https://github.com/vuejs/vuex/blob/dev/examples/shopping-cart/components/ProductList.vue
 
 https://ypereirareis.github.io/blog/2017/04/25/vuejs-two-way-data-binding-state-management-vuex-strict-mode/
+
+# example a suivre
+
+https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart/components

src/prog/dashboard3/src/pages/sprinklers.vue

@@ -3,8 +3,13 @@
     <!-- content -->
     <q-list>
       <q-list-header>Sprinklers</q-list-header>
-      <domo-item v-for="sprinkler in sprinklers" :key="sprinkler.id" :data="sprinkler"
-                 @on-change="updateSprinkler"></domo-item>
+      <q-item link v-ripple.mat v-for="sprinkler in sprinklers" :key="sprinkler.id">
+        <q-item-side icon="settings" />
+        <q-item-main :label="sprinkler.name" />
+        <q-item-side right>
+        <q-toggle :val="sprinkler.state" @click="updateSprinkler(sprinkler)" />
+      </q-item-side>
+  </q-item>
     </q-list>
   </q-page>
 </template>