quasar 2.19.2 → 2.20.0

package/lang/uk.js

@@ -60,7 +60,7 @@ export default {
         : 'Жодного рядку не обрано.',
     recordsPerPage: 'Рядків на сторінці:',
     allRows: 'Усі',
-    pagination: (start, end, total) => start + '-' + end + ' з ' + total,
+    pagination: (start, end, total) => start + ' - ' + end + ' з ' + total,
     columns: 'Колонки'
   },
   pagination: {

package/lang/ur-PK.js

@@ -59,7 +59,7 @@ export default {
       rows === 0 ? 'کوئی ریکارڈ منتخب نہیں ہوا' : `${rows} ریکارڈ منتخب ہوئے`,
     recordsPerPage: 'ریکارڈز فی صفحہ:',
     allRows: 'سب',
-    pagination: (start, end, total) => `${start}-${end} / ${total}`,
+    pagination: (start, end, total) => `${start} - ${end} / ${total}`,
     columns: 'کالم'
   },
   pagination: {

package/lang/uz-Cyrl.js

@@ -52,7 +52,7 @@ export default {
     },
     recordsPerPage: 'Сахифадаги қаторлар:',
     allRows: 'Барчаси',
-    pagination: (start, end, total) => start + '-' + end + ' жами ' + total,
+    pagination: (start, end, total) => start + ' - ' + end + ' жами ' + total,
     columns: 'Устунлар'
   },
   pagination: {

package/lang/uz-Latn.js

@@ -56,7 +56,7 @@ export default {
     },
     recordsPerPage: 'Saxifadagi qatorlar:',
     allRows: 'Barchasi',
-    pagination: (start, end, total) => start + '-' + end + ' jami ' + total,
+    pagination: (start, end, total) => start + ' - ' + end + ' jami ' + total,
     columns: 'Ustunlar'
   },
   pagination: {

package/lang/vi.js

@@ -49,7 +49,7 @@ export default {
         : (rows === 0 ? 'Không có hàng nào' : rows) + ' hàng đã chọn.',
     recordsPerPage: 'Hàng trên mỗi trang:',
     allRows: 'Tất cả',
-    pagination: (start, end, total) => start + '-' + end + ' của ' + total,
+    pagination: (start, end, total) => start + ' - ' + end + ' của ' + total,
     columns: 'Cột'
   },
   pagination: {

package/lang/zh-CN.js

@@ -53,7 +53,7 @@ export default {
     selectedRecords: rows => '已选择' + rows + '行',
     recordsPerPage: '每页的行数:',
     allRows: '全部',
-    pagination: (start, end, total) => start + '-' + end + ' / ' + total,
+    pagination: (start, end, total) => start + ' - ' + end + ' / ' + total,
     columns: '列'
   },
   pagination: {

package/lang/zh-TW.js

@@ -54,7 +54,7 @@ export default {
     recordsPerPage: '每頁列數：',
     allRows: '全部',
     pagination: (start, end, total) =>
-      start + '-' + end + ' 列，共 ' + total + ' 列',
+      start + ' - ' + end + ' 列，共 ' + total + ' 列',
     columns: '欄位'
   },
   pagination: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.19.2",
+  "version": "2.20.0",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "keywords": [
     "desktop",
@@ -59,31 +59,29 @@
     "./*": "./*"
   },
   "devDependencies": {
+    "@vue/test-utils": "^2.4.10",
     "cli-highlight": "^2.1.11",
     "cross-env": "^10.1.0",
-    "diff": "^8.0.3",
-    "fs-extra": "^11.3.4",
+    "diff": "^9.0.0",
+    "fs-extra": "^11.3.5",
     "kolorist": "^1.8.0",
     "lightningcss": "^1.32.0",
-    "open": "^10.1.0",
-    "postcss-rtlcss": "^5.4.0",
-    "rolldown": "1.0.0-rc.10",
-    "sass-embedded": "^1.98.0",
+    "open": "^11.0.0",
+    "postcss": "^8.5.15",
+    "postcss-rtlcss": "^6.0.0",
+    "rolldown": "^1.0.3",
+    "sass-embedded": "^1.100.0",
     "table": "^6.8.2",
-    "tinyglobby": "^0.2.10",
-    "typescript": "^5.6.2",
-    "vue": "^3.5.30",
-    "@quasar/extras": "1.17.0"
+    "tinyglobby": "^0.2.17",
+    "vue": "^3.5.35",
+    "webpack-merge": "^6.0.1",
+    "@quasar/extras": "2.0.0"
   },
   "engines": {
     "node": ">= 10.18.1",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   },
-  "vetur": {
-    "tags": "dist/vetur/quasar-tags.json",
-    "attributes": "dist/vetur/quasar-attributes.json"
-  },
   "web-types": "dist/web-types/web-types.json",
   "scripts": {
     "clean": "node build/script.clean.js",
@@ -94,8 +92,6 @@
     "dev:build:ssr": "cd ./playground && quasar build -m ssr && cd ..",
     "dev:umd": "node build/script.test-umd.js",
     "dev:quploader": "cd ./playground/upload-server && pnpm i && cd ../.. && node playground/upload-server/server.js",
-    "lint": "oxfmt && oxlint --fix",
-    "lint:check": "oxfmt --check && oxlint",
     "test": "pnpm --filter quasar-ui-test test",
     "test:watch": "pnpm --filter quasar-ui-test test:watch",
     "test:watch:ui": "pnpm --filter quasar-ui-test test:watch:ui",

package/src/components/ajax-bar/QAjaxBar.js

@@ -1,10 +1,10 @@
 import {
-  h,
-  ref,
   computed,
-  onMounted,
+  getCurrentInstance,
+  h,
   onBeforeUnmount,
-  getCurrentInstance
+  onMounted,
+  ref
 } from 'vue'
 
 import { createComponent } from '../../utils/private.create/create.js'
@@ -21,8 +21,8 @@ function translate({ p, pos, active, horiz, reverse, dir }) {
   let x = 1,
     y = 1
 
-  if (horiz === true) {
-    if (reverse === true) {
+  if (horiz) {
+    if (reverse) {
       x = -1
     }
     if (pos === 'bottom') {
@@ -33,7 +33,7 @@ function translate({ p, pos, active, horiz, reverse, dir }) {
     }
   }
 
-  if (reverse === true) {
+  if (reverse) {
     y = -1
   }
   if (pos === 'right') {
@@ -68,14 +68,15 @@ function highjackAjax(stackEntry) {
 
   if (highjackCount > 1) return
 
-  xhr.prototype.open = function qOpen(_, url) {
+  // oxlint-disable-next-line func-name-matching
+  xhr.prototype.open = function qOpen(method, url, ...restArgs) {
     const stopStack = []
 
     const loadStart = () => {
       stack.forEach(entry => {
         if (
           entry.hijackFilter.value === null ||
-          entry.hijackFilter.value(url) === true
+          entry.hijackFilter.value(url)
         ) {
           entry.start()
           stopStack.push(entry.stop)
@@ -92,7 +93,8 @@ function highjackAjax(stackEntry) {
     this.addEventListener('loadstart', loadStart, { once: true })
     this.addEventListener('loadend', loadEnd, { once: true })
 
-    open.apply(this, arguments)
+    // Modern replacement for open.apply(this, arguments)
+    open.call(this, method, url, ...restArgs)
   }
 }
 
@@ -144,15 +146,13 @@ export default createComponent({
       () =>
         `q-loading-bar q-loading-bar--${props.position}` +
         (props.color !== void 0 ? ` bg-${props.color}` : '') +
-        (animate.value === true ? '' : ' no-transition')
+        (animate.value ? '' : ' no-transition')
     )
 
     const horizontal = computed(
       () => props.position === 'top' || props.position === 'bottom'
     )
-    const sizeProp = computed(() =>
-      horizontal.value === true ? 'height' : 'width'
-    )
+    const sizeProp = computed(() => (horizontal.value ? 'height' : 'width'))
 
     const style = computed(() => {
       const active = onScreen.value
@@ -163,11 +163,10 @@ export default createComponent({
         active,
         horiz: horizontal.value,
         reverse:
-          proxy.$q.lang.rtl === true &&
-          ['top', 'bottom'].includes(props.position)
-            ? props.reverse === false
+          proxy.$q.lang.rtl && ['top', 'bottom'].includes(props.position)
+            ? !props.reverse
             : props.reverse,
-        dir: proxy.$q.lang.rtl === true ? -1 : 1
+        dir: proxy.$q.lang.rtl ? -1 : 1
       })
 
       obj[sizeProp.value] = props.size
@@ -177,7 +176,7 @@ export default createComponent({
     })
 
     const attributes = computed(() =>
-      onScreen.value === true
+      onScreen.value
         ? {
             role: 'progressbar',
             'aria-valuemin': 0,
@@ -244,9 +243,7 @@ export default createComponent({
 
     function stop() {
       sessions = Math.max(0, sessions - 1)
-      if (sessions > 0) {
-        return sessions
-      }
+      if (sessions > 0) return sessions
 
       if (timer !== null) {
         clearTimeout(timer)
@@ -283,10 +280,10 @@ export default createComponent({
       }
     }
 
-    let hijacked
+    let hijacked = false
 
     onMounted(() => {
-      if (props.skipHijack !== true) {
+      if (!props.skipHijack) {
         hijacked = true
         highjackAjax({
           start,
@@ -298,7 +295,7 @@ export default createComponent({
 
     onBeforeUnmount(() => {
       if (timer !== null) clearTimeout(timer)
-      if (hijacked === true) restoreAjax(start)
+      if (hijacked) restoreAjax(start)
     })
 
     // expose public methods

package/src/components/avatar/QAvatar.js

@@ -1,4 +1,4 @@
-import { h, computed } from 'vue'
+import { computed, h } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
@@ -33,9 +33,9 @@ export default createComponent({
         'q-avatar' +
         (props.color ? ` bg-${props.color}` : '') +
         (props.textColor ? ` text-${props.textColor} q-chip--colored` : '') +
-        (props.square === true
+        (props.square
           ? ' q-avatar--square'
-          : props.rounded === true
+          : props.rounded
             ? ' rounded-borders'
             : '')
     )

package/src/components/avatar/QAvatar.test.js

@@ -1,5 +1,5 @@
-import { mount, flushPromises } from '@vue/test-utils'
-import { describe, test, expect } from 'vitest'
+import { flushPromises, mount } from '@vue/test-utils'
+import { describe, expect, test } from 'vitest'
 
 import QAvatar from './QAvatar.js'
 import { useSizeDefaults } from 'quasar/src/composables/private.use-size/use-size.js'

package/src/components/badge/QBadge.js

@@ -1,4 +1,4 @@
-import { h, computed } from 'vue'
+import { computed, h } from 'vue'
 
 import { createComponent } from '../../utils/private.create/create.js'
 import { hMergeSlot } from '../../utils/private.render/render.js'
@@ -32,23 +32,22 @@ export default createComponent({
     )
 
     const classes = computed(() => {
-      const text =
-        props.outline === true
-          ? props.color || props.textColor
-          : props.textColor
+      const text = props.outline
+        ? props.color || props.textColor
+        : props.textColor
 
       return (
         'q-badge flex inline items-center no-wrap' +
-        ` q-badge--${props.multiLine === true ? 'multi' : 'single'}-line` +
-        (props.outline === true
+        ` q-badge--${props.multiLine ? 'multi' : 'single'}-line` +
+        (props.outline
           ? ' q-badge--outline'
           : props.color !== void 0
             ? ` bg-${props.color}`
             : '') +
         (text !== void 0 ? ` text-${text}` : '') +
-        (props.floating === true ? ' q-badge--floating' : '') +
-        (props.rounded === true ? ' q-badge--rounded' : '') +
-        (props.transparent === true ? ' q-badge--transparent' : '')
+        (props.floating ? ' q-badge--floating' : '') +
+        (props.rounded ? ' q-badge--rounded' : '') +
+        (props.transparent ? ' q-badge--transparent' : '')
       )
     })
 

package/src/components/badge/QBadge.test.js

@@ -1,5 +1,5 @@
-import { mount, flushPromises } from '@vue/test-utils'
-import { describe, test, expect } from 'vitest'
+import { flushPromises, mount } from '@vue/test-utils'
+import { describe, expect, test } from 'vitest'
 
 import QBadge from './QBadge.js'
 

package/src/components/banner/QBanner.js

@@ -1,4 +1,4 @@
-import { h, computed, getCurrentInstance } from 'vue'
+import { computed, getCurrentInstance, h } from 'vue'
 
 import { createComponent } from '../../utils/private.create/create.js'
 import useDark, {
@@ -27,15 +27,15 @@ export default createComponent({
     const classes = computed(
       () =>
         'q-banner row items-center' +
-        (props.dense === true ? ' q-banner--dense' : '') +
-        (isDark.value === true ? ' q-banner--dark q-dark' : '') +
-        (props.rounded === true ? ' rounded-borders' : '')
+        (props.dense ? ' q-banner--dense' : '') +
+        (isDark.value ? ' q-banner--dark q-dark' : '') +
+        (props.rounded ? ' rounded-borders' : '')
     )
 
     const actionClass = computed(
       () =>
         'q-banner__actions row items-center justify-end' +
-        ` col-${props.inlineActions === true ? 'auto' : 'all'}`
+        ` col-${props.inlineActions ? 'auto' : 'all'}`
     )
 
     return () => {
@@ -67,7 +67,7 @@ export default createComponent({
         {
           class:
             classes.value +
-            (props.inlineActions === false && actions !== void 0
+            (!props.inlineActions && actions !== void 0
               ? ' q-banner--top-padding'
               : ''),
           role: 'alert'

package/src/components/banner/QBanner.test.js

@@ -1,5 +1,5 @@
-import { mount, flushPromises } from '@vue/test-utils'
-import { describe, test, expect } from 'vitest'
+import { flushPromises, mount } from '@vue/test-utils'
+import { describe, expect, test } from 'vitest'
 
 import QBanner from './QBanner.js'
 

package/src/components/bar/QBar.js

@@ -1,4 +1,4 @@
-import { h, computed, getCurrentInstance } from 'vue'
+import { computed, getCurrentInstance, h } from 'vue'
 
 import useDark, {
   useDarkProps
@@ -24,8 +24,8 @@ export default createComponent({
     const classes = computed(
       () =>
         'q-bar row no-wrap items-center' +
-        ` q-bar--${props.dense === true ? 'dense' : 'standard'} ` +
-        ` q-bar--${isDark.value === true ? 'dark' : 'light'}`
+        ` q-bar--${props.dense ? 'dense' : 'standard'} ` +
+        ` q-bar--${isDark.value ? 'dark' : 'light'}`
     )
 
     return () =>

package/src/components/bar/QBar.test.js

@@ -1,5 +1,5 @@
-import { mount, flushPromises } from '@vue/test-utils'
-import { describe, test, expect } from 'vitest'
+import { flushPromises, mount } from '@vue/test-utils'
+import { describe, expect, test } from 'vitest'
 
 import QBar from './QBar.js'
 

package/src/components/breadcrumbs/QBreadcrumbs.js

@@ -1,4 +1,4 @@
-import { h, computed } from 'vue'
+import { computed, h } from 'vue'
 
 import useAlign, {
   useAlignProps
@@ -66,9 +66,10 @@ export default createComponent({
           const middle = els < len
           const disabled =
             comp.props !== null && disabledValues.includes(comp.props.disable)
+
           const cls =
-            (middle === true ? '' : ' q-breadcrumbs--last') +
-            (disabled !== true && middle === true ? activeClass.value : '')
+            (middle ? '' : ' q-breadcrumbs--last') +
+            (!disabled && middle ? activeClass.value : '')
 
           els++
 
@@ -82,7 +83,7 @@ export default createComponent({
             )
           )
 
-          if (middle === true) {
+          if (middle) {
             child.push(
               h(
                 'div',

package/src/components/breadcrumbs/QBreadcrumbs.test.js

@@ -1,5 +1,5 @@
-import { mount, flushPromises } from '@vue/test-utils'
-import { describe, test, expect } from 'vitest'
+import { flushPromises, mount } from '@vue/test-utils'
+import { describe, expect, test } from 'vitest'
 
 // import QBreadcrumbs from './QBreadcrumbs.js'
 
@@ -64,7 +64,7 @@ describe('[QBreadcrumbs API]', () => {
         await flushPromises()
 
         expect(wrapper.get('.q-breadcrumbs > div').classes()).toSatisfy(list =>
-          list.every(cls => cls.startsWith('q-gutter') === false)
+          list.every(cls => !cls.startsWith('q-gutter'))
         )
       })
 

package/src/components/breadcrumbs/QBreadcrumbsEl.js

@@ -1,4 +1,4 @@
-import { h, computed } from 'vue'
+import { computed, h } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
@@ -32,9 +32,9 @@ export default createComponent({
       class:
         'q-breadcrumbs__el q-link ' +
         'flex inline items-center relative-position ' +
-        (props.disable !== true
-          ? 'q-link--focusable' + linkClass.value
-          : 'q-breadcrumbs__el--disable'),
+        (props.disable
+          ? 'q-breadcrumbs__el--disable'
+          : 'q-link--focusable' + linkClass.value),
       ...linkAttrs.value,
       onClick: navigateOnClick
     }))

package/src/components/breadcrumbs/QBreadcrumbsEl.test.js

@@ -1,5 +1,5 @@
-import { mount, flushPromises } from '@vue/test-utils'
-import { describe, test, expect, vi } from 'vitest'
+import { flushPromises, mount } from '@vue/test-utils'
+import { describe, expect, test, vi } from 'vitest'
 
 import QBreadcrumbsEl from './QBreadcrumbsEl.js'
 import { getRouter } from 'testing/runtime/router.js'