chore: additions to /dev test cases

Author: rstoenescu

dev/components/components/modal.vue

@@ -98,6 +98,7 @@
       <h4>Minimized Modal</h4>
       <p>This one has backdrop on small screens too.</p>
       <q-btn color="red" @click="$refs.minimizedModal.hide()">Close Me</q-btn>
+      <q-input type="textarea" v-model="textarea" />
     </q-modal>
 
     <q-modal ref="maximizedModal" maximized :content-css="{padding: '50px'}">
@@ -117,6 +118,7 @@ export default {
   data () {
     return {
       search: '',
+      textarea: 'Textarea',
       toggle: false,
       someModel: false,
       types: [

dev/components/new-layout/new-layout.vue

@@ -8,6 +8,7 @@
           Header
           <span slot="subtitle">The Subtiiiitleeee</span>
         </q-toolbar-title>
+        <q-color dark v-model="mainColor" />
         <q-toggle v-model="toggle" color="amber" dark />
         <q-btn flat round dense icon="menu" @click="right = !right" />
       </q-toolbar>
@@ -217,6 +218,8 @@ export default {
   data () {
     const v = 'lHh Lpr fFf'
     return {
+      mainColor: '#027be3',
+
       toggle: false,
       header: true,
       footer: true,
@@ -262,6 +265,11 @@ export default {
       return `${top} ${middle} ${bottom}`
     }
   },
+  watch: {
+    mainColor (v) {
+      document.documentElement.style.setProperty(`--q-color-primary`, v)
+    }
+  },
   methods: {
     onScroll (data) {
       // console.log('scroll', data.position)