WIP: only-image

index.html

<div id="q-app">
  <div class="q-ma-md">
    <q-img src="https://iqvia.stellartech.in/uploads/media/proton/images/Project%20Proton_PSP_Landscape_Concept%20-%20Copy.jpg">
      <q-menu
        touch-position
        context-menu
      >
        </q-menu>
    </q-img>
  </div>

</div>

script.babel

const { useQuasar } = Quasar;

const app = Vue.createApp({
  setup() {
    const $q = useQuasar();

    function notify() {
      $q.notify("Running on Quasar v" + $q.version);
    }

    return {
      notify
    };
  }
});

app.use(Quasar, { config: {} });
app.mount("#q-app");

scripts

<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quasar@2/dist/quasar.umd.prod.js"></script>

styles

<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/quasar@2/dist/quasar.prod.css" rel="stylesheet" />

wip-only-image.markdown

WIP: only-image

A Pen by Gary John on CodePen.

License.