useQuasar composable

The useQuasar composable is used in order to get access to the $q Object.

Syntax

import { useQuasar } from 'quasar'

setup () {
  const $q = useQuasar()
}

Example

<template>
  <div>
    <div v-if="$q.platform.is.ios"> Gets rendered only on iOS platform. </div>
  </div>
</template>

<script setup>
  import { useQuasar } from 'quasar'

  const $q = useQuasar()

  console.log($q.platform.is.ios)

  // showing an example on a method, but
  // can be any part of Vue script
  function show() {
    // prints out Quasar version
    console.log($q.version)
  }
</script>