<wc-code> run code in the browser
## Usage
*Import from CDN*
```html
```
## Usage NOTE
`wc-code` requires the use of `` don't ask me why, ask the forgotten html God of proscii
## Usage
Attributes
- `src` - load an external source file
- `style` - CSS styling (default `height:100%;width:100%;`)
- `mode` - the language you want to use
- `theme` - the codemirror theme you want to use
- `file-name` - this will be the file name used when the file is downloaded
- `viewport-margin`1 - sets the `viewportMargin` option of the CodeMirrror editor instance (default `10`)
- `readonly` - sets the codemirror's "readOnly" configuration attribute to true, you may set `readonly="nocursor"` if you want to disable the cursor and not let the user select the text inside
*1Setting `viewport-margin` to `infinity` will auto-resize the editor to its contents. To see this in action, check out the [CodeMirror Auto-Resize Demo](https://codemirror.net/demo/resize.html).*
### Basic Usage
all language modes/themes are dynamically loaded, and the css is dynamically loaded, you don't need to add any additional files for them
**JavaScript example**
```html
```
**Python Example**
```html
```
**Theme Example**
```html
```
**Example in pug !**
**JavaScript example**
```pug
doctype html
html(lang="en")
script(type="module" src="https://cdn.jsdelivr.net/gh/vanillawc/wc-code@1.0.3/src/wc-code.js")
body
wc-code(mode="javascript" theme="monokai")
script(type="wc-content").
const resp = await fetch("https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw,racist,sexist&format=txt");
const text = await resp.text();
console.log(text);
```
see https://codemirror.net/theme/ for a list of supported themes
## Contributing
See [CONTRIBUTING.md](https://github.com/vanillawc/vanillawc/blob/main/CONTRIBUTING.md)
