@md-plugins/quasar-app-extension-q-press 0.1.0-beta.3 → 0.1.0-beta.4

package/README.md

@@ -4,9 +4,9 @@ The Ultimate Markdown Solution for the Quasar Framework.
 
 See the [documentation](https://md-plugins.netlify.app/quasar-app-extensions/qpress/overview) for more information.
 
-> Current beta release: `0.1.0-beta.3`.
+> Current beta release: `0.1.0-beta.4`.
 >
-> Q-Press currently targets Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.14`. TypeScript processing is required.
+> Q-Press currently targets Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.18`. TypeScript processing is required.
 
 ## Features
 
@@ -62,8 +62,6 @@ See the [documentation](https://md-plugins.netlify.app/quasar-app-extensions/qpr
 
 - ```scss
   @import '../.q-press/css/app.scss';
-  @import '../.q-press/css/fonts.scss';
-  @import '../.q-press/css/prism-theme.scss';
   ```
 
 3. Modify your `quasar.config.ts`

package/dist/index.js

@@ -31,7 +31,7 @@ export default defineIndexScript((api) => {
         throw new Error('This extension requires Vite');
     }
     api.compatibleWith('quasar', '^2.0.0');
-    api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.14');
+    api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.18');
     // here we extend /quasar.config, so we can add some Vite/Vue stuff
     api.extendQuasarConf(async (config) => {
         config.build ??= {};

package/dist/install.js

@@ -11,7 +11,7 @@ export default defineInstallScript(async (api) => {
         throw new Error('This extension requires Vite');
     }
     api.compatibleWith('quasar', '^2.0.0');
-    api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.14');
+    api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.18');
     // project must have pinia installed
     if ((await api.getStorePackageName()) !== 'pinia') {
         console.error('-----------------------------');

package/dist/templates/init/src/_q-press/components/MarkdownApi.vue

@@ -122,7 +122,7 @@
   </q-card>
 </template>
 
-<script setup lang="js">
+<script setup lang="ts">
 import { ref, computed, watch, onMounted } from 'vue'
 import { mdiClose, mdiMagnify } from '@quasar/extras/mdi-v7'
 

package/dist/templates/init/src/_q-press/components/MarkdownCardLink.vue

@@ -7,7 +7,7 @@
   </router-link>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const props = defineProps({
   to: {
     type: String,

package/dist/templates/init/src/_q-press/components/MarkdownCardTitle.vue

@@ -4,7 +4,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 import { copyHeading, slugify } from './markdown-utils'
 

package/dist/templates/init/src/_q-press/components/MarkdownCode.vue

@@ -5,7 +5,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 
 import MarkdownCodePrism from './MarkdownCodePrism'

package/dist/templates/init/src/_q-press/components/MarkdownCodepen.vue

@@ -11,7 +11,7 @@
   </form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Quasar } from 'quasar'
 import { ref, reactive, computed, nextTick } from 'vue'
 

package/dist/templates/init/src/_q-press/components/MarkdownCopyButton.vue

@@ -8,7 +8,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, getCurrentInstance } from 'vue'
 import { copyToClipboard } from './markdown-utils'
 import { mdiClipboardOutline } from '@quasar/extras/mdi-v7'

package/dist/templates/init/src/_q-press/components/MarkdownExample.vue

@@ -92,7 +92,7 @@
   </q-card>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed, inject, markRaw, ref, reactive, onMounted } from 'vue'
 import { openURL } from 'quasar'
 

package/dist/templates/init/src/_q-press/components/MarkdownLink.vue

@@ -8,7 +8,7 @@
   </a>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 import { mdiLaunch } from '@quasar/extras/mdi-v6'
 

package/dist/templates/init/src/_q-press/components/MarkdownTree.vue

@@ -34,7 +34,7 @@
   </q-tree>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { mdiLaunch, mdiInformationOutline } from '@quasar/extras/mdi-v6'
 
 const props = defineProps({

package/dist/templates/init/src/_q-press/css/app.scss

@@ -1,6 +1,7 @@
 @use 'sass:math';
+@use './fonts.scss';
 
-@import './fonts.scss';
+// Keep this import so Prism shares the selected qPress theme variables.
 @import './prism-theme.scss';
 
 .material-icons {

package/dist/templates/init/src/_q-press/layouts/MarkdownSearch.vue

@@ -39,7 +39,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { useQuasar } from 'quasar'
 import { computed, ref, watch, markRaw, onMounted, onBeforeUnmount } from 'vue'
 import { useRoute, useRouter } from 'vue-router'

package/dist/templates/init/src/markdown/guides/upgrade-guide.md

@@ -7,16 +7,16 @@ related:
   - vite-plugins/vite-md-plugin/overview
 ---
 
-The `0.1.0` beta line moves MD-Plugins and Q-Press to the Quasar CLI Vite 3 beta toolchain. It is the right version to use when your Quasar application is being upgraded to `@quasar/app-vite` `>=3.0.0-beta.14`.
+The `0.1.0` beta line moves MD-Plugins and Q-Press to the Quasar CLI Vite 3 beta toolchain. It is the right version to use when your Quasar application is being upgraded to `@quasar/app-vite` `>=3.0.0-beta.18`.
 
 ::: warning
-Q-Press and the Quasar app extensions now target Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.14`. They are not intended for Webpack projects or JavaScript-only Quasar projects.
+Q-Press and the Quasar app extensions now target Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.18`. They are not intended for Webpack projects or JavaScript-only Quasar projects.
 :::
 
 ## Before You Upgrade
 
 - Make sure your app is already on a Quasar Vite setup.
-- Upgrade the app to `@quasar/app-vite` `>=3.0.0-beta.14`.
+- Upgrade the app to `@quasar/app-vite` `>=3.0.0-beta.18`.
 - Use TypeScript in the consuming Quasar project.
 - Import `defineConfig` in `quasar.config.ts` directly from `@quasar/app-vite`.
 - Use `/// <reference types="@quasar/app-vite/client" />` in `src/env.d.ts`.

package/dist/templates/init/src/markdown/quasar-app-extensions/qpress/advanced.md

@@ -79,8 +79,14 @@ extendViteConf(viteConf, { isClient }) {
   if (ctx.prod && isClient) {
     viteConf.build = viteConf.build || {}
     viteConf.build.chunkSizeWarningLimit = 650
-    viteConf.build.rollupOptions = {
-      output: { manualChunks: viteManualChunks },
+    viteConf.build.rolldownOptions = viteConf.build.rolldownOptions || {}
+    viteConf.build.rolldownOptions.output = viteConf.build.rolldownOptions.output || {}
+    viteConf.build.rolldownOptions.output.codeSplitting = {
+      groups: [
+        {
+          name: (moduleId) => viteManualChunks(moduleId) ?? null,
+        },
+      ],
     }
   }
 }

package/dist/templates/init/src/markdown/quasar-app-extensions/qpress/overview.md

@@ -6,7 +6,7 @@ desc: Q-Press App-Extension for Quasar.
 The Q-Press App Extension is a powerful tool for Quasar developers that simplifies the integration of Markdown content into Quasar applications. It leverages the capabilities of Vite and various Markdown plugins to transform Markdown files into Vue components, enabling a seamless and efficient workflow for content management.
 
 ::: warning
-Q-Press is for Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.14` at this time. TypeScript processing is also required. Do not use if you are using Webpack or have a JavaScript-only project.
+Q-Press is for Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.18` at this time. TypeScript processing is also required. Do not use if you are using Webpack or have a JavaScript-only project.
 :::
 
 ::: tip
@@ -86,8 +86,6 @@ Import Q-Press styles:
 
 ```scss
 @import '../.q-press/css/app.scss';
-@import '../.q-press/css/fonts.scss';
-@import '../.q-press/css/prism-theme.scss';
 ```
 
 ### Modify `quasar.config.ts`
@@ -230,16 +228,16 @@ useMeta({
 If you copied older Q-Press internals into your app, update the common cases below:
 
 ```ts
-process.env.CLIENT            // old
+process.env.CLIENT // old
 import.meta.env.QUASAR_CLIENT // new
 
-process.env.DEV               // old
-import.meta.env.DEV           // new
+process.env.DEV // old
+import.meta.env.DEV // new
 
-process.env.FS_QUASAR_FOLDER      // old
+process.env.FS_QUASAR_FOLDER // old
 import.meta.env.QCLI_FS_QUASAR_FOLDER // new
 
-process.env.SEARCH_INDEX      // old
+process.env.SEARCH_INDEX // old
 import.meta.env.QCLI_SEARCH_INDEX // new
 ```
 

package/dist/templates/init/src/markdown/quasar-app-extensions/vite-md-plugin-app-ext/overview.md

@@ -9,7 +9,7 @@ related:
 The `viteMdPluginAppExt` is a [Quasar App Extension](https://quasar.dev/app-extensions/introduction) that integrates the `viteMdPlugin` into your Quasar project. This extension allows you to use Markdown files as Vue components, enabling a seamless integration of Markdown content into your Quasar application.
 
 ::: warning
-This app extension targets Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.14`.
+This app extension targets Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.18`.
 :::
 
 ## Key Features

package/dist/templates/init/src/markdown/vite-plugins/vite-examples-plugin/advanced.md

@@ -84,10 +84,15 @@ export default defineConfig(({ mode }) => {
     ],
     build: {
       chunkSizeWarningLimit: 650,
-      rollupOptions: {
+      rolldownOptions: {
         output: {
-          manualChunks: {
-            vendor: ['vue', 'vite'],
+          codeSplitting: {
+            groups: [
+              {
+                name: (moduleId) =>
+                  /node_modules[\\/](vue|vite)[\\/]/.test(moduleId) ? 'vendor' : null,
+              },
+            ],
           },
         },
       },

package/dist/templates/init/src/markdown/vite-plugins/vite-examples-plugin/overview.md

@@ -40,8 +40,14 @@ extendViteConf(viteConf, { isClient }) {
   if (ctx.prod && isClient) {
     viteConf.build = viteConf.build || {}
     viteConf.build.chunkSizeWarningLimit = 650
-    viteConf.build.rollupOptions = {
-      output: { manualChunks: viteManualChunks },
+    viteConf.build.rolldownOptions = viteConf.build.rolldownOptions || {}
+    viteConf.build.rolldownOptions.output = viteConf.build.rolldownOptions.output || {}
+    viteConf.build.rolldownOptions.output.codeSplitting = {
+      groups: [
+        {
+          name: (moduleId) => viteManualChunks(moduleId) ?? null,
+        },
+      ],
     }
   }
 }
@@ -71,9 +77,15 @@ export default defineConfig(({ mode }) => {
     ],
     build: {
       chunkSizeWarningLimit: 650,
-      rollupOptions: {
+      rolldownOptions: {
         output: {
-          manualChunks: viteManualChunks,
+          codeSplitting: {
+            groups: [
+              {
+                name: (moduleId) => viteManualChunks(moduleId) ?? null,
+              },
+            ],
+          },
         },
       },
     },

package/dist/templates/update/src/_q-press/components/MarkdownApi.vue

@@ -122,7 +122,7 @@
   </q-card>
 </template>
 
-<script setup lang="js">
+<script setup lang="ts">
 import { ref, computed, watch, onMounted } from 'vue'
 import { mdiClose, mdiMagnify } from '@quasar/extras/mdi-v7'
 

package/dist/templates/update/src/_q-press/components/MarkdownCardLink.vue

@@ -7,7 +7,7 @@
   </router-link>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const props = defineProps({
   to: {
     type: String,

package/dist/templates/update/src/_q-press/components/MarkdownCardTitle.vue

@@ -4,7 +4,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 import { copyHeading, slugify } from './markdown-utils'
 

package/dist/templates/update/src/_q-press/components/MarkdownCode.vue

@@ -5,7 +5,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 
 import MarkdownCodePrism from './MarkdownCodePrism'

package/dist/templates/update/src/_q-press/components/MarkdownCodepen.vue

@@ -11,7 +11,7 @@
   </form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Quasar } from 'quasar'
 import { ref, reactive, computed, nextTick } from 'vue'
 

package/dist/templates/update/src/_q-press/components/MarkdownCopyButton.vue

@@ -8,7 +8,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, getCurrentInstance } from 'vue'
 import { copyToClipboard } from './markdown-utils'
 import { mdiClipboardOutline } from '@quasar/extras/mdi-v7'

package/dist/templates/update/src/_q-press/components/MarkdownExample.vue

@@ -92,7 +92,7 @@
   </q-card>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed, inject, markRaw, ref, reactive, onMounted } from 'vue'
 import { openURL } from 'quasar'
 

package/dist/templates/update/src/_q-press/components/MarkdownLink.vue

@@ -8,7 +8,7 @@
   </a>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 import { mdiLaunch } from '@quasar/extras/mdi-v6'
 

package/dist/templates/update/src/_q-press/components/MarkdownTree.vue

@@ -34,7 +34,7 @@
   </q-tree>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { mdiLaunch, mdiInformationOutline } from '@quasar/extras/mdi-v6'
 
 const props = defineProps({

package/dist/templates/update/src/_q-press/css/app.scss

@@ -1,6 +1,7 @@
 @use 'sass:math';
+@use './fonts.scss';
 
-@import './fonts.scss';
+// Keep this import so Prism shares the selected qPress theme variables.
 @import './prism-theme.scss';
 
 .material-icons {

package/dist/templates/update/src/_q-press/layouts/MarkdownSearch.vue

@@ -39,7 +39,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { useQuasar } from 'quasar'
 import { computed, ref, watch, markRaw, onMounted, onBeforeUnmount } from 'vue'
 import { useRoute, useRouter } from 'vue-router'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@md-plugins/quasar-app-extension-q-press",
-  "version": "0.1.0-beta.3",
+  "version": "0.1.0-beta.4",
   "description": "QPress - The Ultimate Markdown Solution for Quasar Framework",
   "keywords": [
     "markdown",
@@ -29,27 +29,27 @@
     "@types/markdown-it": "^14.1.2",
     "fs-extra": "^11.3.4",
     "markdown-it": "^14.1.1",
-    "@md-plugins/md-plugin-blockquote": "0.1.0-beta.3",
-    "@md-plugins/md-plugin-frontmatter": "0.1.0-beta.3",
-    "@md-plugins/md-plugin-codeblocks": "0.1.0-beta.3",
-    "@md-plugins/md-plugin-containers": "0.1.0-beta.3",
-    "@md-plugins/md-plugin-headers": "0.1.0-beta.3",
-    "@md-plugins/md-plugin-imports": "0.1.0-beta.3",
-    "@md-plugins/md-plugin-image": "0.1.0-beta.3",
-    "@md-plugins/md-plugin-inlinecode": "0.1.0-beta.3",
-    "@md-plugins/md-plugin-link": "0.1.0-beta.3",
-    "@md-plugins/md-plugin-table": "0.1.0-beta.3",
-    "@md-plugins/shared": "0.1.0-beta.3",
-    "@md-plugins/md-plugin-title": "0.1.0-beta.3",
-    "@md-plugins/vite-md-plugin": "0.1.0-beta.3"
+    "@md-plugins/md-plugin-blockquote": "0.1.0-beta.4",
+    "@md-plugins/md-plugin-containers": "0.1.0-beta.4",
+    "@md-plugins/md-plugin-codeblocks": "0.1.0-beta.4",
+    "@md-plugins/md-plugin-frontmatter": "0.1.0-beta.4",
+    "@md-plugins/md-plugin-image": "0.1.0-beta.4",
+    "@md-plugins/md-plugin-headers": "0.1.0-beta.4",
+    "@md-plugins/md-plugin-imports": "0.1.0-beta.4",
+    "@md-plugins/md-plugin-link": "0.1.0-beta.4",
+    "@md-plugins/md-plugin-inlinecode": "0.1.0-beta.4",
+    "@md-plugins/md-plugin-table": "0.1.0-beta.4",
+    "@md-plugins/md-plugin-title": "0.1.0-beta.4",
+    "@md-plugins/shared": "0.1.0-beta.4",
+    "@md-plugins/vite-md-plugin": "0.1.0-beta.4"
   },
   "devDependencies": {
-    "@quasar/app-vite": "3.0.0-beta.14",
+    "@quasar/app-vite": "3.0.0-beta.18",
     "@types/markdown-it": "^14.1.2",
     "vite": "^8.0.3"
   },
   "peerDependencies": {
-    "@quasar/app-vite": ">=3.0.0-beta.14",
+    "@quasar/app-vite": ">=3.0.0-beta.18",
     "markdown-it": "^14.1.0"
   },
   "engines": {

package/src/index.ts

@@ -54,7 +54,7 @@ export default defineIndexScript((api) => {
   }
 
   api.compatibleWith('quasar', '^2.0.0')
-  api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.14')
+  api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.18')
 
   // here we extend /quasar.config, so we can add some Vite/Vue stuff
   api.extendQuasarConf(async (config) => {

package/src/install.ts

@@ -14,7 +14,7 @@ export default defineInstallScript(async (api) => {
   }
 
   api.compatibleWith('quasar', '^2.0.0')
-  api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.14')
+  api.compatibleWith('@quasar/app-vite', '>=3.0.0-beta.18')
 
   // project must have pinia installed
   if ((await api.getStorePackageName()) !== 'pinia') {
@@ -39,12 +39,11 @@ export default defineInstallScript(async (api) => {
     console.warn("Update only for 'src/.q-press' folder")
     console.warn('-------------------------------------')
     api.render('./templates/update')
-  }
-  else {
+  } else {
     // this is a project initial setup
     console.warn('--------------------------------------------')
     console.warn('Initial setup. Be sure to read the\ndocumentation on the manual set up required.')
     console.warn('--------------------------------------------')
     api.render('./templates/init')
   }
-})
+})

package/src/templates/init/src/_q-press/components/MarkdownApi.vue

@@ -122,7 +122,7 @@
   </q-card>
 </template>
 
-<script setup lang="js">
+<script setup lang="ts">
 import { ref, computed, watch, onMounted } from 'vue'
 import { mdiClose, mdiMagnify } from '@quasar/extras/mdi-v7'
 

package/src/templates/init/src/_q-press/components/MarkdownCardLink.vue

@@ -7,7 +7,7 @@
   </router-link>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const props = defineProps({
   to: {
     type: String,

package/src/templates/init/src/_q-press/components/MarkdownCardTitle.vue

@@ -4,7 +4,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 import { copyHeading, slugify } from './markdown-utils'
 

package/src/templates/init/src/_q-press/components/MarkdownCode.vue

@@ -5,7 +5,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 
 import MarkdownCodePrism from './MarkdownCodePrism'

package/src/templates/init/src/_q-press/components/MarkdownCodepen.vue

@@ -11,7 +11,7 @@
   </form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Quasar } from 'quasar'
 import { ref, reactive, computed, nextTick } from 'vue'
 

package/src/templates/init/src/_q-press/components/MarkdownCopyButton.vue

@@ -8,7 +8,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, getCurrentInstance } from 'vue'
 import { copyToClipboard } from './markdown-utils'
 import { mdiClipboardOutline } from '@quasar/extras/mdi-v7'

package/src/templates/init/src/_q-press/components/MarkdownExample.vue

@@ -92,7 +92,7 @@
   </q-card>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed, inject, markRaw, ref, reactive, onMounted } from 'vue'
 import { openURL } from 'quasar'
 

package/src/templates/init/src/_q-press/components/MarkdownLink.vue

@@ -8,7 +8,7 @@
   </a>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 import { mdiLaunch } from '@quasar/extras/mdi-v6'
 

package/src/templates/init/src/_q-press/components/MarkdownTree.vue

@@ -34,7 +34,7 @@
   </q-tree>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { mdiLaunch, mdiInformationOutline } from '@quasar/extras/mdi-v6'
 
 const props = defineProps({

package/src/templates/init/src/_q-press/css/app.scss

@@ -1,6 +1,7 @@
 @use 'sass:math';
+@use './fonts.scss';
 
-@import './fonts.scss';
+// Keep this import so Prism shares the selected qPress theme variables.
 @import './prism-theme.scss';
 
 .material-icons {

package/src/templates/init/src/_q-press/layouts/MarkdownSearch.vue

@@ -39,7 +39,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { useQuasar } from 'quasar'
 import { computed, ref, watch, markRaw, onMounted, onBeforeUnmount } from 'vue'
 import { useRoute, useRouter } from 'vue-router'

package/src/templates/init/src/markdown/guides/upgrade-guide.md

@@ -7,16 +7,16 @@ related:
   - vite-plugins/vite-md-plugin/overview
 ---
 
-The `0.1.0` beta line moves MD-Plugins and Q-Press to the Quasar CLI Vite 3 beta toolchain. It is the right version to use when your Quasar application is being upgraded to `@quasar/app-vite` `>=3.0.0-beta.14`.
+The `0.1.0` beta line moves MD-Plugins and Q-Press to the Quasar CLI Vite 3 beta toolchain. It is the right version to use when your Quasar application is being upgraded to `@quasar/app-vite` `>=3.0.0-beta.18`.
 
 ::: warning
-Q-Press and the Quasar app extensions now target Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.14`. They are not intended for Webpack projects or JavaScript-only Quasar projects.
+Q-Press and the Quasar app extensions now target Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.18`. They are not intended for Webpack projects or JavaScript-only Quasar projects.
 :::
 
 ## Before You Upgrade
 
 - Make sure your app is already on a Quasar Vite setup.
-- Upgrade the app to `@quasar/app-vite` `>=3.0.0-beta.14`.
+- Upgrade the app to `@quasar/app-vite` `>=3.0.0-beta.18`.
 - Use TypeScript in the consuming Quasar project.
 - Import `defineConfig` in `quasar.config.ts` directly from `@quasar/app-vite`.
 - Use `/// <reference types="@quasar/app-vite/client" />` in `src/env.d.ts`.

package/src/templates/init/src/markdown/quasar-app-extensions/qpress/advanced.md

@@ -79,8 +79,14 @@ extendViteConf(viteConf, { isClient }) {
   if (ctx.prod && isClient) {
     viteConf.build = viteConf.build || {}
     viteConf.build.chunkSizeWarningLimit = 650
-    viteConf.build.rollupOptions = {
-      output: { manualChunks: viteManualChunks },
+    viteConf.build.rolldownOptions = viteConf.build.rolldownOptions || {}
+    viteConf.build.rolldownOptions.output = viteConf.build.rolldownOptions.output || {}
+    viteConf.build.rolldownOptions.output.codeSplitting = {
+      groups: [
+        {
+          name: (moduleId) => viteManualChunks(moduleId) ?? null,
+        },
+      ],
     }
   }
 }

package/src/templates/init/src/markdown/quasar-app-extensions/qpress/overview.md

@@ -6,7 +6,7 @@ desc: Q-Press App-Extension for Quasar.
 The Q-Press App Extension is a powerful tool for Quasar developers that simplifies the integration of Markdown content into Quasar applications. It leverages the capabilities of Vite and various Markdown plugins to transform Markdown files into Vue components, enabling a seamless and efficient workflow for content management.
 
 ::: warning
-Q-Press is for Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.14` at this time. TypeScript processing is also required. Do not use if you are using Webpack or have a JavaScript-only project.
+Q-Press is for Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.18` at this time. TypeScript processing is also required. Do not use if you are using Webpack or have a JavaScript-only project.
 :::
 
 ::: tip
@@ -86,8 +86,6 @@ Import Q-Press styles:
 
 ```scss
 @import '../.q-press/css/app.scss';
-@import '../.q-press/css/fonts.scss';
-@import '../.q-press/css/prism-theme.scss';
 ```
 
 ### Modify `quasar.config.ts`
@@ -230,16 +228,16 @@ useMeta({
 If you copied older Q-Press internals into your app, update the common cases below:
 
 ```ts
-process.env.CLIENT            // old
+process.env.CLIENT // old
 import.meta.env.QUASAR_CLIENT // new
 
-process.env.DEV               // old
-import.meta.env.DEV           // new
+process.env.DEV // old
+import.meta.env.DEV // new
 
-process.env.FS_QUASAR_FOLDER      // old
+process.env.FS_QUASAR_FOLDER // old
 import.meta.env.QCLI_FS_QUASAR_FOLDER // new
 
-process.env.SEARCH_INDEX      // old
+process.env.SEARCH_INDEX // old
 import.meta.env.QCLI_SEARCH_INDEX // new
 ```
 

package/src/templates/init/src/markdown/quasar-app-extensions/vite-md-plugin-app-ext/overview.md

@@ -9,7 +9,7 @@ related:
 The `viteMdPluginAppExt` is a [Quasar App Extension](https://quasar.dev/app-extensions/introduction) that integrates the `viteMdPlugin` into your Quasar project. This extension allows you to use Markdown files as Vue components, enabling a seamless integration of Markdown content into your Quasar application.
 
 ::: warning
-This app extension targets Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.14`.
+This app extension targets Quasar Vite projects using `@quasar/app-vite` `>=3.0.0-beta.18`.
 :::
 
 ## Key Features

package/src/templates/init/src/markdown/vite-plugins/vite-examples-plugin/advanced.md

@@ -84,10 +84,15 @@ export default defineConfig(({ mode }) => {
     ],
     build: {
       chunkSizeWarningLimit: 650,
-      rollupOptions: {
+      rolldownOptions: {
         output: {
-          manualChunks: {
-            vendor: ['vue', 'vite'],
+          codeSplitting: {
+            groups: [
+              {
+                name: (moduleId) =>
+                  /node_modules[\\/](vue|vite)[\\/]/.test(moduleId) ? 'vendor' : null,
+              },
+            ],
           },
         },
       },

package/src/templates/init/src/markdown/vite-plugins/vite-examples-plugin/overview.md

@@ -40,8 +40,14 @@ extendViteConf(viteConf, { isClient }) {
   if (ctx.prod && isClient) {
     viteConf.build = viteConf.build || {}
     viteConf.build.chunkSizeWarningLimit = 650
-    viteConf.build.rollupOptions = {
-      output: { manualChunks: viteManualChunks },
+    viteConf.build.rolldownOptions = viteConf.build.rolldownOptions || {}
+    viteConf.build.rolldownOptions.output = viteConf.build.rolldownOptions.output || {}
+    viteConf.build.rolldownOptions.output.codeSplitting = {
+      groups: [
+        {
+          name: (moduleId) => viteManualChunks(moduleId) ?? null,
+        },
+      ],
     }
   }
 }
@@ -71,9 +77,15 @@ export default defineConfig(({ mode }) => {
     ],
     build: {
       chunkSizeWarningLimit: 650,
-      rollupOptions: {
+      rolldownOptions: {
         output: {
-          manualChunks: viteManualChunks,
+          codeSplitting: {
+            groups: [
+              {
+                name: (moduleId) => viteManualChunks(moduleId) ?? null,
+              },
+            ],
+          },
         },
       },
     },

package/src/templates/update/src/_q-press/components/MarkdownApi.vue

@@ -122,7 +122,7 @@
   </q-card>
 </template>
 
-<script setup lang="js">
+<script setup lang="ts">
 import { ref, computed, watch, onMounted } from 'vue'
 import { mdiClose, mdiMagnify } from '@quasar/extras/mdi-v7'
 

package/src/templates/update/src/_q-press/components/MarkdownCardLink.vue

@@ -7,7 +7,7 @@
   </router-link>
 </template>
 
-<script setup>
+<script setup lang="ts">
 const props = defineProps({
   to: {
     type: String,

package/src/templates/update/src/_q-press/components/MarkdownCardTitle.vue

@@ -4,7 +4,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 import { copyHeading, slugify } from './markdown-utils'
 

package/src/templates/update/src/_q-press/components/MarkdownCode.vue

@@ -5,7 +5,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 
 import MarkdownCodePrism from './MarkdownCodePrism'

package/src/templates/update/src/_q-press/components/MarkdownCodepen.vue

@@ -11,7 +11,7 @@
   </form>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { Quasar } from 'quasar'
 import { ref, reactive, computed, nextTick } from 'vue'
 

package/src/templates/update/src/_q-press/components/MarkdownCopyButton.vue

@@ -8,7 +8,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, getCurrentInstance } from 'vue'
 import { copyToClipboard } from './markdown-utils'
 import { mdiClipboardOutline } from '@quasar/extras/mdi-v7'

package/src/templates/update/src/_q-press/components/MarkdownExample.vue

@@ -92,7 +92,7 @@
   </q-card>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed, inject, markRaw, ref, reactive, onMounted } from 'vue'
 import { openURL } from 'quasar'
 

package/src/templates/update/src/_q-press/components/MarkdownLink.vue

@@ -8,7 +8,7 @@
   </a>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from 'vue'
 import { mdiLaunch } from '@quasar/extras/mdi-v6'
 

package/src/templates/update/src/_q-press/components/MarkdownTree.vue

@@ -34,7 +34,7 @@
   </q-tree>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { mdiLaunch, mdiInformationOutline } from '@quasar/extras/mdi-v6'
 
 const props = defineProps({

package/src/templates/update/src/_q-press/css/app.scss

@@ -1,6 +1,7 @@
 @use 'sass:math';
+@use './fonts.scss';
 
-@import './fonts.scss';
+// Keep this import so Prism shares the selected qPress theme variables.
 @import './prism-theme.scss';
 
 .material-icons {

package/src/templates/update/src/_q-press/layouts/MarkdownSearch.vue

@@ -39,7 +39,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { useQuasar } from 'quasar'
 import { computed, ref, watch, markRaw, onMounted, onBeforeUnmount } from 'vue'
 import { useRoute, useRouter } from 'vue-router'

package/tsconfig.json

@@ -13,4 +13,4 @@
   },
   "include": ["./src/index.ts", "./src/install.ts"],
   "exclude": ["./node_modules"]
-}
+}