@@ -46,29 +46,29 @@ export default defineBoot(({ app }) => {
4646<style src =" @quasar/quasar-ui-qmarkdown/dist/index.css" ></style >
4747
4848<script >
49- import { QMarkdown } from ' @quasar/quasar-ui-qmarkdown'
49+ import { QMarkdown } from ' @quasar/quasar-ui-qmarkdown' ;
5050
51- export default {
52- components: {
53- QMarkdown
54- }
55- }
51+ export default {
52+ components: {
53+ QMarkdown,
54+ },
55+ };
5656 </script >
5757```
5858
5959## Vue CLI project
6060
6161``` js
62- import VuePlugin from ' @quasar/quasar-ui-qmarkdown'
63- import ' @quasar/quasar-ui-qmarkdown/dist/index.css'
64- import { createApp } from " vue" ;
62+ import VuePlugin from ' @quasar/quasar-ui-qmarkdown' ;
63+ import ' @quasar/quasar-ui-qmarkdown/dist/index.css' ;
64+ import { createApp } from ' vue' ;
6565
6666const app = createApp ({
6767 // root instance definition
6868});
6969
70- app .use (VuePlugin)
71- app .mount (" #q-app" );
70+ app .use (VuePlugin);
71+ app .mount (' #q-app' );
7272```
7373
7474** OR** :
@@ -77,13 +77,13 @@ app.mount("#q-app");
7777<style src =" @quasar/quasar-ui-qmarkdown/dist/index.css" ></style >
7878
7979<script >
80- import { QMarkdown } from ' @quasar/quasar-ui-qmarkdown'
80+ import { QMarkdown } from ' @quasar/quasar-ui-qmarkdown' ;
8181
82- export default {
83- components: {
84- QMarkdown
85- }
86- }
82+ export default {
83+ components: {
84+ QMarkdown,
85+ },
86+ };
8787 </script >
8888```
8989
@@ -96,21 +96,24 @@ Add the following tag(s) after the Quasar ones:
9696``` html
9797<head >
9898 <!-- AFTER the Quasar stylesheet tags: -->
99- <link href =" https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qmarkdown/dist/index.min.css" rel =" stylesheet" type =" text/css" >
99+ <link href =" https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qmarkdown/dist/index.min.css" rel =" stylesheet" type =" text/css" / >
100100</head >
101101<body >
102102 <!-- at end of body, AFTER Quasar script(s): -->
103103 <script src =" https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qmarkdown/dist/index.umd.min.js" ></script >
104104</body >
105105```
106+
106107If you need the RTL variant of the CSS, then go for the following (instead of the above stylesheet link):
108+
107109``` html
108- <link href =" https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qmarkdown/dist/index.rtl.min.css" rel =" stylesheet" type =" text/css" >
110+ <link href =" https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qmarkdown/dist/index.rtl.min.css" rel =" stylesheet" type =" text/css" / >
109111```
110112
111113Test UMD version on [ CodePen] ( https://codepen.io/Hawkeye64/pen/PojXVmV ) .
112114
113115# Setup
116+
114117This project is a yarn workspace mono-repo.
115118
116119``` bash
@@ -121,7 +124,9 @@ $ quasar dev
121124```
122125
123126# Donate
127+
124128If you appreciate the work that went into this project, please consider donating to [ Quasar] ( https://donate.quasar.dev ) or [ Jeff] ( https://github.com/sponsors/hawkeye64 ) .
125129
126130# License
131+
127132MIT (c) Jeff Galbraith < jeff@quasar.dev >
0 commit comments