<q-btn dense color="purple" round icon="email" class="q-ml-md">
      <q-badge color="red" floating>4</q-badge>
</q-btn>

See: https://quasar.dev/vue-components/badge#Example--Floating

Would it be possible to simple show a dot instead?

Thanks!