[{"data":1,"prerenderedAt":31},["ShallowReactive",2],{"$f148199gmhdfq7":3,"components-markdown":4},1,{"category":5,"components":18},{"name":6,"description":7,"components":8},"Markdown","Markdown components for displaying markdown content with custom styles.",[9,12,15],{"slug":10,"title":11},"simple-markdown","Simple markdown",{"slug":13,"title":14},"markdown-with-container-styles","Markdown with container styles",{"slug":16,"title":17},"markdown-with-custom-styles","Markdown with custom styles",[19,23,27],{"slug":10,"title":11,"code":20},{"html":21,"vue":22},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n  \u003Chead>\n    \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n    \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 400;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 600;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 700;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n  \u003C\u002Fhead>\n  \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n    \u003Ctable\n      border=\"0\"\n      width=\"100%\"\n      cellpadding=\"0\"\n      cellspacing=\"0\"\n      role=\"presentation\"\n      align=\"center\">\n      \u003Ctbody>\n        \u003Ctr>\n          \u003Ctd\n            dir=\"ltr\"\n            lang=\"en\"\n            style=\"margin:0;margin-left:12px;margin-right:12px\">\n            \u003Ctable\n              align=\"center\"\n              width=\"100%\"\n              border=\"0\"\n              cellpadding=\"0\"\n              cellspacing=\"0\"\n              role=\"presentation\"\n              style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n              \u003Ctbody>\n                \u003Ctr style=\"width:100%\">\n                  \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n                    \u003Cdiv data-id=\"vuemail-markdown\">\n                      \u003Ch2\n                        style=\"font-weight:500;padding-top:20px;font-size:2rem\">\n                        Hello, this is my email template\n                      \u003C\u002Fh2>\n                      \u003Cp>\n                        This is meant to be rendered as a paragraph. There is no\n                        way around it.\n                      \u003C\u002Fp>\n                      \u003Ch3\n                        style=\"font-weight:500;padding-top:20px;font-size:1.75rem\">\n                        Another heading that I wrote\n                      \u003C\u002Fh3>\n                    \u003C\u002Fdiv>\n                  \u003C\u002Ftd>\n                \u003C\u002Ftr>\n              \u003C\u002Ftbody>\n            \u003C\u002Ftable>\n          \u003C\u002Ftd>\n        \u003C\u002Ftr>\n      \u003C\u002Ftbody>\n    \u003C\u002Ftable>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport { Markdown } from '@vuemaildev\u002Fvuemail';\n\nconst markdown = `## Hello, this is my email template\n\nThis is meant to be rendered as a paragraph. There is no way around it.\n\n### Another heading that I wrote`;\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMarkdown :source=\"markdown\" \u002F>\n\u003C\u002Ftemplate>\n",{"slug":13,"title":14,"code":24},{"html":25,"vue":26},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n  \u003Chead>\n    \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n    \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 400;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 600;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 700;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n  \u003C\u002Fhead>\n  \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n    \u003Ctable\n      border=\"0\"\n      width=\"100%\"\n      cellpadding=\"0\"\n      cellspacing=\"0\"\n      role=\"presentation\"\n      align=\"center\">\n      \u003Ctbody>\n        \u003Ctr>\n          \u003Ctd\n            dir=\"ltr\"\n            lang=\"en\"\n            style=\"margin:0;margin-left:12px;margin-right:12px\">\n            \u003Ctable\n              align=\"center\"\n              width=\"100%\"\n              border=\"0\"\n              cellpadding=\"0\"\n              cellspacing=\"0\"\n              role=\"presentation\"\n              style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n              \u003Ctbody>\n                \u003Ctr style=\"width:100%\">\n                  \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n                    \u003Cdiv data-id=\"vuemail-markdown\" style=\"margin-block:30px\">\n                      \u003Ch2\n                        style=\"font-weight:500;padding-top:20px;font-size:2rem\">\n                        Hello, this is my email template\n                      \u003C\u002Fh2>\n                      \u003Cp>\n                        This is meant to be rendered as a paragraph. There is no\n                        way around it.\n                      \u003C\u002Fp>\n                      \u003Ch3\n                        style=\"font-weight:500;padding-top:20px;font-size:1.75rem\">\n                        Another heading that I wrote\n                      \u003C\u002Fh3>\n                    \u003C\u002Fdiv>\n                  \u003C\u002Ftd>\n                \u003C\u002Ftr>\n              \u003C\u002Ftbody>\n            \u003C\u002Ftable>\n          \u003C\u002Ftd>\n        \u003C\u002Ftr>\n      \u003C\u002Ftbody>\n    \u003C\u002Ftable>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport { Markdown } from '@vuemaildev\u002Fvuemail';\n\nconst markdown = `## Hello, this is my email template\n\nThis is meant to be rendered as a paragraph. There is no way around it.\n\n### Another heading that I wrote`;\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMarkdown\n    :source=\"markdown\"\n    :markdown-container-styles=\"{ marginBlock: '30px' }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",{"slug":16,"title":17,"code":28},{"html":29,"vue":30},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n  \u003Chead>\n    \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n    \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 400;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 600;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 700;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n  \u003C\u002Fhead>\n  \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n    \u003Ctable\n      border=\"0\"\n      width=\"100%\"\n      cellpadding=\"0\"\n      cellspacing=\"0\"\n      role=\"presentation\"\n      align=\"center\">\n      \u003Ctbody>\n        \u003Ctr>\n          \u003Ctd\n            dir=\"ltr\"\n            lang=\"en\"\n            style=\"margin:0;margin-left:12px;margin-right:12px\">\n            \u003Ctable\n              align=\"center\"\n              width=\"100%\"\n              border=\"0\"\n              cellpadding=\"0\"\n              cellspacing=\"0\"\n              role=\"presentation\"\n              style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n              \u003Ctbody>\n                \u003Ctr style=\"width:100%\">\n                  \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n                    \u003Cdiv data-id=\"vuemail-markdown\">\n                      \u003Ch2 style=\"color:blue\">\n                        Hello, this is my email template\n                      \u003C\u002Fh2>\n                      \u003Cp>\n                        This is meant to be rendered as a paragraph. There is no\n                        way around it.\n                      \u003C\u002Fp>\n                      \u003Ch3\n                        style=\"font-weight:500;padding-top:20px;font-size:1.75rem\">\n                        Another heading that I wrote\n                      \u003C\u002Fh3>\n                    \u003C\u002Fdiv>\n                  \u003C\u002Ftd>\n                \u003C\u002Ftr>\n              \u003C\u002Ftbody>\n            \u003C\u002Ftable>\n          \u003C\u002Ftd>\n        \u003C\u002Ftr>\n      \u003C\u002Ftbody>\n    \u003C\u002Ftable>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport { Markdown } from '@vuemaildev\u002Fvuemail';\n\nconst markdown = `## Hello, this is my email template\n\nThis is meant to be rendered as a paragraph. There is no way around it.\n\n### Another heading that I wrote`;\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMarkdown\n    :source=\"markdown\"\n    :markdown-custom-styles=\"{\n      h1: { color: 'red' },\n      h2: { color: 'blue' },\n      codeInline: { background: 'grey' },\n    }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",1790606431510]