f853fcdd81
Updates Prettier to major version 3, and also updates a couple prettier-related other things. Prelude to #1511 so that that PR doesn't include a bunch of unrelated changes
47 lines
946 B
TypeScript
47 lines
946 B
TypeScript
import { LitElement, css } from "lit";
|
|
import { property, customElement } from "lit/decorators.js";
|
|
import { html as staticHtml, unsafeStatic } from "lit/static-html.js";
|
|
import { micromark } from "micromark";
|
|
import {
|
|
gfmStrikethrough,
|
|
gfmStrikethroughHtml,
|
|
} from "micromark-extension-gfm-strikethrough";
|
|
|
|
import { typography } from "@/utils/css";
|
|
|
|
/**
|
|
* View rendered markdown
|
|
*/
|
|
@customElement("btrix-markdown-viewer")
|
|
export class MarkdownViewer extends LitElement {
|
|
static styles = [
|
|
typography,
|
|
css`
|
|
a {
|
|
color: var(--primary);
|
|
}
|
|
|
|
a:hover,
|
|
a:active {
|
|
text-decoration: none;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
`,
|
|
];
|
|
|
|
@property({ type: String })
|
|
value = "";
|
|
|
|
render() {
|
|
return staticHtml`${unsafeStatic(
|
|
micromark(this.value, {
|
|
extensions: [gfmStrikethrough()],
|
|
htmlExtensions: [gfmStrikethroughHtml()],
|
|
}),
|
|
)}`;
|
|
}
|
|
}
|