update quasar ...

package.json

@@ -43,7 +43,7 @@
     "@codemirror/lang-python": "^6.1.5",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@mozilla/readability": "^0.5.0",
-    "@quasar/extras": "^1.16.9",
+    "@quasar/extras": "^1.16.12",
     "@quasar/quasar-ui-qmarkdown": "^2.0.0-beta.10",
     "@resvg/resvg-wasm": "^2.6.2",
     "@sqlite.org/sqlite-wasm": "^3.44.0-build1",
@@ -75,7 +75,7 @@
     "pdfjs-dist": "^4.3.136",
     "pinia": "^2.0.12",
     "pyodide": "^0.24.1",
-    "quasar": "^2.16.0",
+    "quasar": "^2.17.0",
     "rxdb": "^15.30.2",
     "rxdb-old": "npm:[email protected]",
     "sqlocal": "^0.6.2",
@@ -92,7 +92,7 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@quasar/app-webpack": "^4.0.0-beta.13",
+    "@quasar/app-webpack": "^4.0.0-beta.23",
     "@quasar/cli": "^2.4.1",
     "@quasar/quasar-app-extension-testing-e2e-cypress": "^6.1.0",
     "@swc/cli": "^0.3.14",

quasar.config.ts

@@ -411,7 +411,7 @@ export default configure((ctx) => {
           throw new Error('webpack-dev-server is not defined');
         }
 
-        devServer.middleware.waitUntilValid(() => {
+        devServer.middleware?.waitUntilValid(() => {
           copyFiles(filesToCopy);
           createOpenAPIDocs();
         });

src/components/tyMarkdown.vue

@@ -54,7 +54,7 @@ function addCopyButtons(md: MarkdownIt) {
       idx,
       options,
       env,
-      self
+      self,
     );
 
     // Custom HTML for the button
@@ -113,11 +113,11 @@ async function copyPngToClipboard(pngBuffer: Uint8Array) {
     }
   } else {
     console.warn(
-      'ClipboardItem is not supported in this browser. Using fallback method.'
+      'ClipboardItem is not supported in this browser. Using fallback method.',
     );
 
     alert(
-      'Your browser is too old to support image copying with "ClipboardItem", please upgrade your browser!'
+      'Your browser is too old to support image copying with "ClipboardItem", please upgrade your browser!',
     );
   }
 }
@@ -192,7 +192,7 @@ const renderMermaid = (md: MarkdownIt) => {
   const drawDiagram = async function (
     code: string,
     selector: string,
-    img_id: string
+    img_id: string,
   ) {
     const graphDefinition = code;
     const velement = document.createElement('div');
@@ -204,7 +204,7 @@ const renderMermaid = (md: MarkdownIt) => {
       const { svg } = await mermaid.render(
         `mg${selector}`,
         graphDefinition,
-        velement
+        velement,
       );
       const svgBlob = new Blob([svg], { type: 'image/svg+xml' });
       const svgUrl = URL.createObjectURL(svgBlob);
@@ -307,7 +307,7 @@ onMounted(() => {
   text-align: justify
 
 .q-markdown--note--info
-  background-color: lighten($secondary, 35%)
+  background-color: scale($secondary, 87.5%)
   border: 0
   border-radius: 10px 10px 10px 10px
 

src/stores/store-flag.d.ts

@@ -1,9 +1,13 @@
 /* eslint-disable */
-// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
-//  REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
-import "quasar/dist/types/feature-flag";
+/*
+  WARNING: DO NOT MODIFY OR DELETE
+  This file is auto-generated by Quasar CLI
+  It's recommended to NOT .gitignore it
+  You don't have to use TypeScript in your project, don't worry
+*/
+import "quasar/dist/types/feature-flag.d.ts";
 
-declare module "quasar/dist/types/feature-flag" {
+declare module "quasar/dist/types/feature-flag.d.ts" {
   interface QuasarFeatureFlags {
     store: true;
   }