@md-plugins/quasar-app-extension-q-press 0.1.0-alpha.17 → 0.1.0-alpha.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -38,7 +38,7 @@ The Ultimate Markdown Solution for the Quasar Framework.
|
|
|
38
38
|
|
|
39
39
|
- `npm i prismjs`
|
|
40
40
|
- `yarn add prismjs`
|
|
41
|
-
- `pnpm
|
|
41
|
+
- `pnpm add prismjs`
|
|
42
42
|
|
|
43
43
|
## Modifications
|
|
44
44
|
|
|
@@ -57,48 +57,51 @@ The Ultimate Markdown Solution for the Quasar Framework.
|
|
|
57
57
|
@import '../.q-press/css/prism-theme.scss';
|
|
58
58
|
```
|
|
59
59
|
|
|
60
|
+
````
|
|
61
|
+
|
|
60
62
|
3. Modify your `quasar.config.ts`
|
|
61
63
|
|
|
62
|
-
```ts
|
|
64
|
+
- ```ts
|
|
63
65
|
import { viteMdPlugin, type MenuItem } from '@md-plugins/vite-md-plugin'
|
|
64
66
|
|
|
65
67
|
export default defineConfig(async (ctx) => {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
68
|
+
// Dynamically import siteConfig
|
|
69
|
+
const siteConfig = await import('./src/siteConfig')
|
|
70
|
+
const { sidebar } = siteConfig
|
|
71
|
+
return {
|
|
72
|
+
build: {
|
|
73
|
+
vitePlugins: [
|
|
74
|
+
// add this plugin
|
|
75
|
+
[
|
|
76
|
+
viteMdPlugin,
|
|
77
|
+
{
|
|
78
|
+
path: ctx.appPaths.srcDir + '/markdown',
|
|
79
|
+
menu: sidebar as MenuItem[],
|
|
80
|
+
},
|
|
81
|
+
],
|
|
82
|
+
// ...
|
|
83
|
+
````
|
|
82
84
|
|
|
83
85
|
4. Modify your `src/routes/routes.ts`
|
|
84
86
|
|
|
85
|
-
```ts
|
|
86
|
-
import mdPageList from 'src/markdown/listing'
|
|
87
|
+
- ```ts
|
|
88
|
+
import mdPageList from 'src/markdown/listing'
|
|
89
|
+
```
|
|
87
90
|
|
|
88
91
|
const routes = [
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
92
|
+
{
|
|
93
|
+
path: '/',
|
|
94
|
+
component: () => import('src/.q-press/layouts/MarkdownLayout.vue'),
|
|
95
|
+
children: [
|
|
96
|
+
// Include the Landing Page route first
|
|
97
|
+
...Object.entries(mdPageList)
|
|
98
|
+
.filter(([key]) => key.includes('landing-page.md'))
|
|
99
|
+
.map(([_key, component]) => ({
|
|
100
|
+
path: '',
|
|
101
|
+
name: 'Landing Page',
|
|
102
|
+
component,
|
|
103
|
+
meta: { fullscreen: true, dark: true },
|
|
104
|
+
})),
|
|
102
105
|
|
|
103
106
|
// Now include all other routes, excluding the landing-page
|
|
104
107
|
...Object.keys(mdPageList)
|
|
@@ -121,22 +124,24 @@ const routes = [
|
|
|
121
124
|
return acc
|
|
122
125
|
}),
|
|
123
126
|
],
|
|
124
|
-
},
|
|
125
127
|
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
128
|
+
},
|
|
129
|
+
|
|
130
|
+
// Always leave this as last one,
|
|
131
|
+
// but you can also remove it
|
|
132
|
+
{
|
|
133
|
+
path: '/:catchAll(._)_',
|
|
134
|
+
component: () => import('pages/ErrorNotFound.vue'),
|
|
135
|
+
},
|
|
132
136
|
]
|
|
133
137
|
|
|
134
138
|
export default routes
|
|
135
|
-
|
|
139
|
+
|
|
140
|
+
````
|
|
136
141
|
|
|
137
142
|
5. Set up for Dark mode support, update your App.vue
|
|
138
143
|
|
|
139
|
-
```ts
|
|
144
|
+
- ```ts
|
|
140
145
|
<template>
|
|
141
146
|
<router-view />
|
|
142
147
|
</template>
|
|
@@ -146,7 +151,7 @@ import { useDark } from 'src/.q-press/composables/dark'
|
|
|
146
151
|
const { initDark } = useDark()
|
|
147
152
|
initDark()
|
|
148
153
|
</script>
|
|
149
|
-
|
|
154
|
+
````
|
|
150
155
|
|
|
151
156
|
## Running the App
|
|
152
157
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@md-plugins/quasar-app-extension-q-press",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.18",
|
|
4
4
|
"description": "QPress - The Ultimate Markdown Solution for Quasar Framework",
|
|
5
5
|
"author": "hawkeye64 <galbraith64@gmail.com>",
|
|
6
6
|
"keywords": [
|
|
@@ -29,19 +29,19 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@types/markdown-it": "^14.1.2",
|
|
31
31
|
"markdown-it": "^14.1.0",
|
|
32
|
-
"@md-plugins/md-plugin-blockquote": "0.1.0-alpha.
|
|
33
|
-
"@md-plugins/md-plugin-
|
|
34
|
-
"@md-plugins/md-plugin-
|
|
35
|
-
"@md-plugins/md-plugin-
|
|
36
|
-
"@md-plugins/md-plugin-
|
|
37
|
-
"@md-plugins/md-plugin-
|
|
38
|
-
"@md-plugins/md-plugin-
|
|
39
|
-
"@md-plugins/md-plugin-
|
|
40
|
-
"@md-plugins/md-plugin-
|
|
41
|
-
"@md-plugins/md-plugin-
|
|
42
|
-
"@md-plugins/
|
|
43
|
-
"@md-plugins/
|
|
44
|
-
"@md-plugins/vite-md-plugin": "0.1.0-alpha.
|
|
32
|
+
"@md-plugins/md-plugin-blockquote": "0.1.0-alpha.18",
|
|
33
|
+
"@md-plugins/md-plugin-codeblocks": "0.1.0-alpha.18",
|
|
34
|
+
"@md-plugins/md-plugin-headers": "0.1.0-alpha.18",
|
|
35
|
+
"@md-plugins/md-plugin-frontmatter": "0.1.0-alpha.18",
|
|
36
|
+
"@md-plugins/md-plugin-imports": "0.1.0-alpha.18",
|
|
37
|
+
"@md-plugins/md-plugin-inlinecode": "0.1.0-alpha.18",
|
|
38
|
+
"@md-plugins/md-plugin-table": "0.1.0-alpha.18",
|
|
39
|
+
"@md-plugins/md-plugin-containers": "0.1.0-alpha.18",
|
|
40
|
+
"@md-plugins/md-plugin-image": "0.1.0-alpha.18",
|
|
41
|
+
"@md-plugins/md-plugin-title": "0.1.0-alpha.18",
|
|
42
|
+
"@md-plugins/shared": "0.1.0-alpha.18",
|
|
43
|
+
"@md-plugins/md-plugin-link": "0.1.0-alpha.18",
|
|
44
|
+
"@md-plugins/vite-md-plugin": "0.1.0-alpha.18"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@types/markdown-it": "^14.1.2",
|