Did you recently update to Quasar 0.17.x from an earlier version? If so, see my answer here: https://forum.quasar-framework.org/topic/2739/upgrading-v0-16-to-v0-17/3
Sometimes you need to clean out your node_modules folder and re-install otherwise somethings don’t work as expected (usually babel).

use tripple back ticks (```) for multiline, and single back tick (`) for single line. Use at start and end of code.

If you are interested in updating to Babel 7.x (which I have done), there is a great tool here: https://github.com/babel/babel-upgrade

@rstoenescu
If you look carefully at the image for today’s date (21st), it appears there is a box under the circle that is slightly smaller than the circle and clipped. It’s more noticible when you hover over it and the square portion turns grey. On each side it remains white. 1 or 2 pixels off.

I am wondering if you are set up to support IE11? (one of the Quasar questions on a new project)

Sounds like your polyfill is set to true. In your .babelrc try setting it to false:

{
  "presets": [
    [
      "@babel/preset-env", {
        "modules": false,
        "loose": false,
        "useBuiltIns": "usage"
      }
    ],
    [
      "@babel/preset-stage-2", {
        "modules": false,
        "loose": false,
        "useBuiltIns": true,
        "decoratorsLegacy": true
      }
    ]
  ],
  "plugins": [
    [
      "@babel/transform-runtime", {
        "polyfill": false, // <-- here
        "regenerator": false
      }
    ]
  ],
  "comments": false
}

It might help to add quasar-cli to your devDependencies

  "devDependencies": {
    "babel-eslint": "^9.0.0",
    "eslint": "^5.6.0",
    "eslint-config-standard": "^12.0.0",
    "eslint-friendly-formatter": "^4.0.1",
    "eslint-loader": "^2.1.1",
    "eslint-plugin-import": "^2.14.0",
    "eslint-plugin-node": "^7.0.1",
    "eslint-plugin-promise": "^4.0.1",
    "eslint-plugin-standard": "^4.0.0",
    "eslint-plugin-vue": "^4.7.1",
    "less": "^3.8.1",
    "less-loader": "^4.1.0",
    "quasar-cli": "^0.17.19",
    "strip-ansi": "^3.0.1",
    "style-loader": "^0.23.0"
  },

You’re missing :props="props"
Here’s an example of mine:

<q-tr :id="props.row.id" slot="body" slot-scope="props" :props="props" @click.native.stop="rowClick(props.row)" @dblclick.native.stop="rowDoubleClick(props.row)" class="cursor-pointer" @mouseover.native="hoverMouseOver(props.row)" @mouseout.native="hoverMouseOut(props.row)" :style="selectedStyleObject(props.row)">

@Ben-Hayat Forgot to give you the plug-in information (above) for quasar.config.js:

module.exports = function (ctx) {
  return {
    // app plugins (/src/plugins)
    plugins: [
      'animated-vue',
      'axios',
      'download',
      'lodash',
      'moment',
      'slug'
    ],

Thumbs up!