docs: make demo assets fit on phone

Author: elevatebart

demo/assets/Chicago.jsx

@@ -1,10 +1,14 @@
 import all from "chicagoNeighbourhoods";
 let i = 4;
-const four = [];
+const sel = [];
+const getIndex = () => {
+  const random = Math.random() * all.length
+  return Math.floor(random)
+}
+
 while (i--) {
-  let indexInList = Math.floor(Math.random() * all.length);
-  four.push(all[indexInList]);
+  sel.push(all[getIndex()]);
 }
 
-<h3>What Chicago do you wish to visit tonight?</h3>
-<ul><li v-for="a in four">{{ a }}</li></ul>
+<h3>Here are {{ sel.length }} hoods</h3>
+<ul><li v-for="a in sel">{{ a }}</li></ul>

demo/assets/PureTemplate.html

@@ -1,5 +1,5 @@
-let isChecked = true
+let show = true
 let today = new Date();
 
-<input type="checkbox" v-model="isChecked">
-<date-picker v-if="isChecked" :value="today"/>
+<input type="checkbox" v-model="show">
+<date-picker v-if="show" :value="today"/>