@md-plugins/quasar-app-extension-q-press 0.1.0-alpha.17 → 0.1.0-alpha.19

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.
Files changed (6) hide show
  1. package/README.md +48 -43
  2. package/package.json +14 -14
  3. package/src/templates/init/src/_q-press/css/app.scss +10 -10
  4. package/src/templates/init/src/markdown/md-plugins/headers/advanced.md +11 -11
  5. package/src/templates/init/src/markdown/quasar-app-extensions/qpress/overview.md +1 -1
  6. package/src/templates/update/src/_q-press/css/app.scss +10 -10
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 i prismjs`
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
- // Dynamically import siteConfig
67
- const siteConfig = await import('./src/siteConfig')
68
- const { sidebar } = siteConfig
69
- return {
70
- build: {
71
- vitePlugins: [
72
- // add this plugin
73
- [
74
- viteMdPlugin,
75
- {
76
- path: ctx.appPaths.srcDir + '/markdown',
77
- menu: sidebar as MenuItem[],
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
- path: '/',
91
- component: () => import('src/.q-press/layouts/MarkdownLayout.vue'),
92
- children: [
93
- // Include the Landing Page route first
94
- ...Object.entries(mdPageList)
95
- .filter(([key]) => key.includes('landing-page.md'))
96
- .map(([_key, component]) => ({
97
- path: '',
98
- name: 'Landing Page',
99
- component,
100
- meta: { fullscreen: true, dark: true },
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
- // Always leave this as last one,
127
- // but you can also remove it
128
- {
129
- path: '/:catchAll(.*)*',
130
- component: () => import('pages/ErrorNotFound.vue'),
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.17",
3
+ "version": "0.1.0-alpha.19",
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.17",
33
- "@md-plugins/md-plugin-containers": "0.1.0-alpha.17",
34
- "@md-plugins/md-plugin-codeblocks": "0.1.0-alpha.17",
35
- "@md-plugins/md-plugin-image": "0.1.0-alpha.17",
36
- "@md-plugins/md-plugin-frontmatter": "0.1.0-alpha.17",
37
- "@md-plugins/md-plugin-headers": "0.1.0-alpha.17",
38
- "@md-plugins/md-plugin-imports": "0.1.0-alpha.17",
39
- "@md-plugins/md-plugin-inlinecode": "0.1.0-alpha.17",
40
- "@md-plugins/md-plugin-link": "0.1.0-alpha.17",
41
- "@md-plugins/md-plugin-table": "0.1.0-alpha.17",
42
- "@md-plugins/md-plugin-title": "0.1.0-alpha.17",
43
- "@md-plugins/shared": "0.1.0-alpha.17",
44
- "@md-plugins/vite-md-plugin": "0.1.0-alpha.17"
32
+ "@md-plugins/md-plugin-containers": "0.1.0-alpha.19",
33
+ "@md-plugins/md-plugin-blockquote": "0.1.0-alpha.19",
34
+ "@md-plugins/md-plugin-frontmatter": "0.1.0-alpha.19",
35
+ "@md-plugins/md-plugin-codeblocks": "0.1.0-alpha.19",
36
+ "@md-plugins/md-plugin-headers": "0.1.0-alpha.19",
37
+ "@md-plugins/md-plugin-image": "0.1.0-alpha.19",
38
+ "@md-plugins/md-plugin-imports": "0.1.0-alpha.19",
39
+ "@md-plugins/md-plugin-inlinecode": "0.1.0-alpha.19",
40
+ "@md-plugins/shared": "0.1.0-alpha.19",
41
+ "@md-plugins/md-plugin-table": "0.1.0-alpha.19",
42
+ "@md-plugins/vite-md-plugin": "0.1.0-alpha.19",
43
+ "@md-plugins/md-plugin-link": "0.1.0-alpha.19",
44
+ "@md-plugins/md-plugin-title": "0.1.0-alpha.19"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@types/markdown-it": "^14.1.2",
package/src/templates/init/src/_q-press/css/app.scss CHANGED
@@ -203,19 +203,19 @@ ul {
203
203
  }
204
204
 
205
205
  .markdown-h2 {
206
- font-size: 1.8em;
206
+ font-size: 1.8em !important;
207
207
  font-weight: 600;
208
208
  padding-bottom: 8px !important;
209
209
  border-bottom: 1px solid $separator-color;
210
210
  }
211
211
 
212
212
  .markdown-h3 {
213
- font-size: 1.6em;
213
+ font-size: 1.6em !important;
214
214
  font-weight: 500;
215
215
  }
216
216
 
217
217
  .markdown-h4 {
218
- font-size: 1.4em;
218
+ font-size: 1.4em !important;
219
219
  font-weight: 500;
220
220
  &:before {
221
221
  content: '» ';
@@ -224,7 +224,7 @@ ul {
224
224
  }
225
225
 
226
226
  .markdown-h5 {
227
- font-size: 1em;
227
+ font-size: 1em !important;
228
228
  font-weight: 500;
229
229
  &:before {
230
230
  content: '»» ';
@@ -233,7 +233,7 @@ ul {
233
233
  }
234
234
 
235
235
  .markdown-h6 {
236
- font-size: 1em;
236
+ font-size: 1em !important;
237
237
  font-weight: 400;
238
238
  &:before {
239
239
  content: '»»» ';
@@ -243,19 +243,19 @@ ul {
243
243
 
244
244
  @media (max-width: 850px) {
245
245
  .markdown-h1 {
246
- font-size: 1.7em;
246
+ font-size: 1.7em !important;
247
247
  }
248
248
  .markdown-h2 {
249
- font-size: 1.4em;
249
+ font-size: 1.4em !important;
250
250
  }
251
251
  .markdown-h3 {
252
- font-size: 1.3em;
252
+ font-size: 1.3em !important;
253
253
  }
254
254
  .markdown-h4 {
255
- font-size: 1.2em;
255
+ font-size: 1.2em !important;
256
256
  }
257
257
  .markdown-h5 {
258
- font-size: 1.1em;
258
+ font-size: 1.1em !important;
259
259
  }
260
260
  }
261
261
 
package/src/templates/init/src/markdown/md-plugins/headers/advanced.md CHANGED
@@ -164,7 +164,7 @@ By default, the `headers` plugin applies specific CSS classes to different level
164
164
 
165
165
  ```scss
166
166
  .markdown-h1 {
167
- font-size: 2.4em;
167
+ font-size: 2.4em !important;
168
168
  font-weight: 700;
169
169
  margin: 0 0 1em !important;
170
170
  display: flex;
@@ -172,19 +172,19 @@ By default, the `headers` plugin applies specific CSS classes to different level
172
172
  }
173
173
 
174
174
  .markdown-h2 {
175
- font-size: 1.8em;
175
+ font-size: 1.8em !important;
176
176
  font-weight: 600;
177
177
  padding-bottom: 8px !important;
178
178
  border-bottom: 1px solid $separator-color;
179
179
  }
180
180
 
181
181
  .markdown-h3 {
182
- font-size: 1.6em;
182
+ font-size: 1.6em !important;
183
183
  font-weight: 500;
184
184
  }
185
185
 
186
186
  .markdown-h4 {
187
- font-size: 1.4em;
187
+ font-size: 1.4em !important;
188
188
  font-weight: 500;
189
189
  &:before {
190
190
  content: '» ';
@@ -193,7 +193,7 @@ By default, the `headers` plugin applies specific CSS classes to different level
193
193
  }
194
194
 
195
195
  .markdown-h5 {
196
- font-size: 1em;
196
+ font-size: 1em !important;
197
197
  font-weight: 500;
198
198
  &:before {
199
199
  content: '»» ';
@@ -202,7 +202,7 @@ By default, the `headers` plugin applies specific CSS classes to different level
202
202
  }
203
203
 
204
204
  .markdown-h6 {
205
- font-size: 1em;
205
+ font-size: 1em !important;
206
206
  font-weight: 400;
207
207
  &:before {
208
208
  content: '»»» ';
@@ -212,19 +212,19 @@ By default, the `headers` plugin applies specific CSS classes to different level
212
212
 
213
213
  @media (max-width: 850px) {
214
214
  .markdown-h1 {
215
- font-size: 1.7em;
215
+ font-size: 1.7em !important;
216
216
  }
217
217
  .markdown-h2 {
218
- font-size: 1.4em;
218
+ font-size: 1.4em !important;
219
219
  }
220
220
  .markdown-h3 {
221
- font-size: 1.3em;
221
+ font-size: 1.3em !important;
222
222
  }
223
223
  .markdown-h4 {
224
- font-size: 1.2em;
224
+ font-size: 1.2em !important;
225
225
  }
226
226
  .markdown-h5 {
227
- font-size: 1.1em;
227
+ font-size: 1.1em !important;
228
228
  }
229
229
  }
230
230
  ```
package/src/templates/init/src/markdown/quasar-app-extensions/qpress/overview.md CHANGED
@@ -63,7 +63,7 @@ npm i prismjs
63
63
  <<| bash yarn |>>
64
64
  yarn add prismjs
65
65
  <<| bash pnpm |>>
66
- pnpm i prismjs
66
+ pnpm add prismjs
67
67
  ```
68
68
 
69
69
  ## Configuration
package/src/templates/update/src/_q-press/css/app.scss CHANGED
@@ -203,19 +203,19 @@ ul {
203
203
  }
204
204
 
205
205
  .markdown-h2 {
206
- font-size: 1.8em;
206
+ font-size: 1.8em !important;
207
207
  font-weight: 600;
208
208
  padding-bottom: 8px !important;
209
209
  border-bottom: 1px solid $separator-color;
210
210
  }
211
211
 
212
212
  .markdown-h3 {
213
- font-size: 1.6em;
213
+ font-size: 1.6em !important;
214
214
  font-weight: 500;
215
215
  }
216
216
 
217
217
  .markdown-h4 {
218
- font-size: 1.4em;
218
+ font-size: 1.4em !important;
219
219
  font-weight: 500;
220
220
  &:before {
221
221
  content: '» ';
@@ -224,7 +224,7 @@ ul {
224
224
  }
225
225
 
226
226
  .markdown-h5 {
227
- font-size: 1em;
227
+ font-size: 1em !important;
228
228
  font-weight: 500;
229
229
  &:before {
230
230
  content: '»» ';
@@ -233,7 +233,7 @@ ul {
233
233
  }
234
234
 
235
235
  .markdown-h6 {
236
- font-size: 1em;
236
+ font-size: 1em !important;
237
237
  font-weight: 400;
238
238
  &:before {
239
239
  content: '»»» ';
@@ -243,19 +243,19 @@ ul {
243
243
 
244
244
  @media (max-width: 850px) {
245
245
  .markdown-h1 {
246
- font-size: 1.7em;
246
+ font-size: 1.7em !important;
247
247
  }
248
248
  .markdown-h2 {
249
- font-size: 1.4em;
249
+ font-size: 1.4em !important;
250
250
  }
251
251
  .markdown-h3 {
252
- font-size: 1.3em;
252
+ font-size: 1.3em !important;
253
253
  }
254
254
  .markdown-h4 {
255
- font-size: 1.2em;
255
+ font-size: 1.2em !important;
256
256
  }
257
257
  .markdown-h5 {
258
- font-size: 1.1em;
258
+ font-size: 1.1em !important;
259
259
  }
260
260
  }
261
261