Skip to content

Commit

Permalink
chore(docs): update examples
Browse files Browse the repository at this point in the history
  • Loading branch information
@hawkeye64
hawkeye64 committed Jan 20, 2022
1 parent 5802ec8 commit d50ef5c
Show file tree
Hide file tree
Showing 24 changed files with 64 additions and 46 deletions.
17 changes: 17 additions & 0 deletions docs/src/components/page-parts/apis/QMarkdownJsonApi.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,23 @@
import { defineComponent } from 'vue'
import Api from '@quasar/quasar-ui-qmarkdown/dist/api/QMarkdown.json'
// For Global Settings testing purposes
// import { useQMarkdownGlobalProps } from "@quasar/quasar-ui-qmarkdown"
// useQMarkdownGlobalProps({
// lineNumberAlt: "$",
// noBlockquote: false,
// noBreaks: true,
// noContainer: true,
// noHeadingAnchorLinks: true,
// noHighlight: true,
// noHtml: true,
// noImage: true,
// noLineNumbers: true,
// noLink: true,
// noLinkify: true,
// noTypographer: true,
// })
export default defineComponent({
name: 'QMarkdownJsonApi',
setup () {
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Abbreviations.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
import abbreviation from 'markdown-it-abbr'
export default defineComponent({
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Blockquotes.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,8 @@

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'Blockquotes',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Code.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,8 @@ console.log(foo(5));

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'Code',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Containers.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,8 +57,8 @@ with a `token` and a [link](https://quasar.dev)

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'Containers',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/CopyToClipboard.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,8 +41,8 @@ console.log(foo(5));

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'CopyToClipboard',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/DefinitionLists.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,8 @@ Term 2

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
import deflist from 'markdown-it-deflist'
export default defineComponent({
Expand Down
5 changes: 3 additions & 2 deletions docs/src/examples/Editor.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -131,8 +131,9 @@ Add Markdown to the window on the left and the output will appear on the right.

<script>
import { defineComponent, ref, watch, onMounted, getCurrentInstance } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
import abbreviation from 'markdown-it-abbr'
import deflist from 'markdown-it-deflist'
import emoji from 'markdown-it-emoji'
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Emojies.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,8 @@ Shortcuts (emoticons): :-) :-( 8-) ;)

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
import emoji from 'markdown-it-emoji'
export default defineComponent({
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Emphasis.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,8 @@ ___This is bold italic text, second way___

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'Emphasis',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Footnotes.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,8 @@ Duplicated footnote reference[^second].

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
import footnote from 'markdown-it-footnote'
export default defineComponent({
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Heading.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,8 +39,8 @@

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'Heading',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/HorizontalRules.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,8 +31,8 @@ ___

<script>
import { defineComponent } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'HorizontalRules',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Images.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,8 +41,8 @@ With a reference later in the document defining the URL location (see code for m

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'Images',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Insert.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,8 @@ This is ++inserted++ in the middle of a sentence.

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
import insert from 'markdown-it-ins'
export default defineComponent({
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Links.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,8 +29,8 @@ Auto-converted link: https://github.com/quasarframework/quasar

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'Links',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Lists.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,8 +57,8 @@ Start numbering with offset:

<script>
import { defineComponent } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'Lists',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Mark.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,8 @@ This is ==marked== in the middle of a sentence.

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
import mark from 'markdown-it-mark'
export default defineComponent({
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Mermaid.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,8 @@ C -->|Three| F[Car]

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
import markdownItMermaid from '@datatraccorporation/markdown-it-mermaid'
export default defineComponent({
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/SubscriptSuperscript.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,8 @@

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
import subscript from 'markdown-it-sub'
import superscript from 'markdown-it-sup'
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Tables.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,8 +40,8 @@ Left aligned columns

<script>
import { defineComponent } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'Tables',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/TaskLists.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,8 @@

<script>
import { defineComponent, ref, watch } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
import taskLists from 'markdown-it-task-lists'
export default defineComponent({
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Titles.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ Second-Level Title

<script>
import { defineComponent } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'Titles',
Expand Down
4 changes: 2 additions & 2 deletions docs/src/examples/Typography.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,8 @@ Smartypants: "double quotes" and 'single quotes'

<script>
import { defineComponent, ref } from 'vue'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown/src/QMarkdown.js'
import '@quasar/quasar-ui-qmarkdown/src/QMarkdown.sass'
import { QMarkdown } from '@quasar/quasar-ui-qmarkdown'
import '@quasar/quasar-ui-qmarkdown/dist/index.css'
export default defineComponent({
name: 'Typography',
Expand Down

0 comments on commit d50ef5c

Please sign in to comment.