[{"data":1,"prerenderedAt":26},["ShallowReactive",2],{"components-code-inline":3,"$f148199gmhdfq7":25},{"category":4,"components":14},{"name":5,"description":6,"components":7},"Code Inline","Inline code components for displaying small code snippets within text.",[8,11],{"slug":9,"title":10},"simple-code-inline","Simple Code Inline",{"slug":12,"title":13},"code-inline-with-different-colors","Code Inline with different colors",[15,20],{"slug":9,"title":10,"code":16},{"html":17,"inline-styles":18,"tailwind":19},"\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                    \u003Cp\n                      style=\"font-size:14px;line-height:24px;text-align:center;margin-top:16px;margin-bottom:16px\">\n                      Install the\n                      \u003Cstyle>\n                        meta ~ .cino {\n                          display: none !important;\n                          opacity: 0 !important;\n                        }\n\n                        meta ~ .cio {\n                          display: block !important;\n                        }\u003C\u002Fstyle\n                      >\u003Ccode\n                        class=\"cino\"\n                        style=\"background-color:rgb(209,213,219);border-radius:6px;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px\"\n                        >@vuemaildev\u002Fvuemail\u003C\u002Fcode\n                      >\u003Cspan\n                        class=\"cio\"\n                        style=\"display:none;background-color:rgb(209,213,219);border-radius:6px;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px\"\n                        >@vuemaildev\u002Fvuemail\u003C\u002Fspan\n                      >\n                      package\n                    \u003C\u002Fp>\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 { CodeInline, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CText :style=\"{ textAlign: 'center' }\">\n    Install the\n    \u003CCodeInline\n      :style=\"{\n        backgroundColor: 'rgb(209,213,219)',\n        borderRadius: '6px',\n        paddingLeft: '4px',\n        paddingRight: '4px',\n        paddingTop: '2px',\n        paddingBottom: '2px',\n      }\"\n    >@vuemaildev\u002Fvuemail\u003C\u002FCodeInline> package\n  \u003C\u002FText>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { CodeInline, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CText class=\"text-center\">\n    Install the\n    \u003CCodeInline\n      class=\"rounded-[6px] bg-gray-300 px-[4px] py-[2px]\"\n    >@vuemaildev\u002Fvuemail\u003C\u002FCodeInline> package\n  \u003C\u002FText>\n\u003C\u002Ftemplate>\n",{"slug":12,"title":13,"code":21},{"html":22,"inline-styles":23,"tailwind":24},"\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                    \u003Cp\n                      style=\"font-size:14px;line-height:24px;text-align:center;margin-top:16px;margin-bottom:16px\">\n                      Install the\n                      \u003Cstyle>\n                        meta ~ .cino {\n                          display: none !important;\n                          opacity: 0 !important;\n                        }\n\n                        meta ~ .cio {\n                          display: block !important;\n                        }\u003C\u002Fstyle\n                      >\u003Ccode\n                        class=\"cino\"\n                        style=\"background-color:rgb(134,239,172);border-radius:6px;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px\"\n                        >@vuemaildev\u002Fvuemail\u003C\u002Fcode\n                      >\u003Cspan\n                        class=\"cio\"\n                        style=\"display:none;background-color:rgb(134,239,172);border-radius:6px;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px\"\n                        >@vuemaildev\u002Fvuemail\u003C\u002Fspan\n                      >\n                      package\n                    \u003C\u002Fp>\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 { CodeInline, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CText :style=\"{ textAlign: 'center' }\">\n    Install the\n    \u003CCodeInline\n      :style=\"{\n        backgroundColor: 'rgb(134,239,172)',\n        borderRadius: '6px',\n        paddingLeft: '4px',\n        paddingRight: '4px',\n        paddingTop: '2px',\n        paddingBottom: '2px',\n      }\"\n    >@vuemaildev\u002Fvuemail\u003C\u002FCodeInline> package\n  \u003C\u002FText>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { CodeInline, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CText class=\"text-center\">\n    Install the\n    \u003CCodeInline\n      class=\"rounded-[6px] bg-green-300 px-[4px] py-[2px]\"\n    >@vuemaildev\u002Fvuemail\u003C\u002FCodeInline> package\n  \u003C\u002FText>\n\u003C\u002Ftemplate>\n","1",1790606429727]