Quasar Framework v1

index.html

<div id="q-app">
  <div class="q-ma-md">
    Fork and make your own!
    Do NOT use self-closing tags here on Codepen.
  </div>
  
  <div class="q-ma-md">
    <q-btn label="Notify" color="primary" @click="notify"></q-btn>
  </div>

  <div class="q-ma-md">
    Running Quasar v{{ version }}
  </div>
</div>

quasar-framework-v1.markdown

Quasar Framework v1

You can use it to submit Github tickets for Quasar v1+.

A Pen by Razvan Stoenescu on CodePen.

License.

script.js

new Vue({
  el: '#q-app',
  data: function () {
    return {
      version: Quasar.version
    }
  },
  methods: {
  	notify: function () {
      this.$q.notify('Running on Quasar v' + this.$q.version)
    }
	}
})

scripts

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/quasar/dist/quasar.umd.min.js"></script>

styles

<link href="https://cdn.jsdelivr.net/npm/@quasar/extras/material-icons/material-icons.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/quasar/dist/quasar.min.css" rel="stylesheet" />

first try on quasar UI