Join the Discord! General documentation for modifying Pokemon Showdown - pssdoc.md. Adding and Modifying Pokemon in Pokemon Showdown's Server. Expanded and flattened data structures are seen the same way by the node.js, but flattened structures tend to be more difficult for people to read and expanded structures use more resources to host. What is Showdown? Showdown is a Javascript Markdown to HTML bidirectional converter, based on the original works by John Gruber. Showdown can be used client side (in the browser) or server side (with nodejs). See it working in the live demo!
WARNING
This guide is for Vue 3 only. If you're using Vue 2, please check out the docs hereopen in new window.
# Getting Started
# NPM
Install via npm / yarn
Import vue-showdown as a vue plugin:
Or import vue-showdown as a vue component:
Then use in your vue SFC:
TIP
Markdown To Html Javascript
vue-showdown also provides UMDopen in new window, CommonJSopen in new window and ES Moduleopen in new window builds as vue does. Go to the Vue documentopen in new window for more details.
Showdownjs
# Browser
Direct </code> import after <code>vue.js</code> and <code>showdown.js</code>. Then use <code>vue-showdown</code> as a vue plugin / component.</p><h2># Plugin Options</h2><h3># flavor</h3><p>Default flavor of showdown. Docs here<span>open in new window</span>.</p><ul><li>type: <code>string | null</code></li><li>default: <code>null</code></li><li>possible values: <code>'github' | 'original' | 'ghost' | 'vanilla' | 'allOn'</code></li></ul><p>TIP</p><p>The <code>flavor</code> here will be set globally by <code>showdown.setFlavor()</code>.</p><h3># options</h3><p>Default options of showdown. Docs here<span>open in new window</span>.</p><ul><li>type: <code>Object</code></li><li>default: <code>{}</code></li></ul><p>TIP</p><p>The <code>options</code> here will be set globally by <code>showdown.setOption()</code> after <code>showdown.setFlavor()</code>, which will override the flavor's options.</p><h2># Component Props</h2><h3># markdown</h3><p>The raw markdown content to parse.</p><ul><li>type: <code>string | null</code></li><li>default: <code>null</code></li></ul><h3># tag</h3><p>The HTML tag of the markdown wrapper. Similar to vue-router's tag<span>open in new window</span>.</p><ul><li>type: <code>string</code></li><li>default: <code>'div'</code></li></ul><h3># flavor</h3><p>Flavor of showdown. Docs here<span>open in new window</span>.</p><ul><li>type: <code>string | null</code></li><li>default: <code>null</code></li><li>possible values: <code>'github' | 'original' | 'ghost' | 'vanilla' | 'allOn'</code></li></ul><p>TIP</p><p>If you set <code>flavor</code> via props, all the options will be reset to the flavor's options, which will override the default options you set by <code>app.use()</code>.</p><h3># options</h3><p>Options of showdown. Docs here<span>open in new window</span>.</p><ul><li>type: <code>Object</code></li><li>default: <code>{}</code></li></ul><p>TIP</p><p>The <code>options</code> prop will override the default options set by <code>app.use()</code>.</p><p>If you also set <code>flavor</code> prop, the <code>options</code> prop will override the flavor's options, too.</p><h3># extensions</h3><p>Extensions of showdown. Docs here<span>open in new window</span>.</p><ul><li>type: <code>Array | null</code></li><li>default: <code>null</code></li></ul><p>TIP</p><p><a href='https://tronic-download.mystrikingly.com/blog/macos-system-monitor' title='Macos system monitor'>Macos system monitor</a>. Check the Advance - Extensions section for details.</p><h3># vueTemplate</h3><p>Treat the parsed HTML string as vue template. This will allow you to use vue template syntax in your markdown.</p><ul><li>type: <code>Boolean</code></li><li>default: <code>false</code></li></ul><p>ATTENSION</p><p>If you set it to <code>true</code>, you have to use the full (runtime + compiler) build of Vue, as we need to compile templates on the client. See Runtime + Compiler vs. Runtime-only<span>open in new window</span>.</p><p>If you have similar request as #5<span>open in new window</span>, you can enable this feature.</p><h2># Advance</h2>
# Showdown library
You can also import showdown
itself from vue-showdown
for advance usages.
# Extensions
According to the official docs about extensionsopen in new window, there is no way to set default extensions globally for now.
So the only way to set extensions is via the extensions
prop of the VueShowdown
component. Artrage 5 0 7 full mac crack torrent.
Roxio secure burn 1 2007. Alternatively, you can register extensions globally via showdown.extension()
, and reference it in the extension
prop directly by the name that you registered.