[{"data":1,"prerenderedAt":26},["ShallowReactive",2],{"components-grid":3,"$f148199gmhdfq7":25},{"category":4,"components":14},{"name":5,"description":6,"components":7},"Grid","Grid components for arranging content in rows and columns.",[8,11],{"slug":9,"title":10},"one-row-two-columns","One row, two columns",{"slug":12,"title":13},"one-row-three-columns","One row, three columns",[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                    \u003Ctable\n                      align=\"center\"\n                      width=\"100%\"\n                      border=\"0\"\n                      cellpadding=\"0\"\n                      cellspacing=\"8\"\n                      role=\"presentation\">\n                      \u003Ctbody style=\"width:100%\">\n                        \u003Ctr style=\"width:100%\">\n                          \u003Ctd\n                            align=\"center\"\n                            data-id=\"__vuemail-column\"\n                            style=\"width:50%;height:40px;background-color:rgb(52,211,153,0.6)\">\n                            1\u002F2\n                          \u003C\u002Ftd>\n                          \u003Ctd\n                            align=\"center\"\n                            data-id=\"__vuemail-column\"\n                            style=\"width:50%;height:40px;background-color:rgb(34,211,238,0.6)\">\n                            1\u002F2\n                          \u003C\u002Ftd>\n                        \u003C\u002Ftr>\n                      \u003C\u002Ftbody>\n                    \u003C\u002Ftable>\n                    \u003Ctable\n                      align=\"center\"\n                      width=\"100%\"\n                      border=\"0\"\n                      cellpadding=\"0\"\n                      cellspacing=\"0\"\n                      role=\"presentation\">\n                      \u003Ctbody style=\"width:100%\">\n                        \u003Ctr style=\"width:100%\">\n                          \u003Ctd\n                            align=\"center\"\n                            data-id=\"__vuemail-column\"\n                            style=\"width:33.333333%;height:40px;background-color:rgb(244,114,182,0.6)\">\n                            1\u002F3\n                          \u003C\u002Ftd>\n                          \u003Ctd\n                            align=\"center\"\n                            data-id=\"__vuemail-column\"\n                            style=\"width:66.666667%;height:40px;background-color:rgb(192,132,252,0.6)\">\n                            2\u002F3\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\u002Ftd>\n        \u003C\u002Ftr>\n      \u003C\u002Ftbody>\n    \u003C\u002Ftable>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport { Column, Row } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CRow :cellspacing=\"8\">\n    \u003CColumn\n      align=\"center\"\n      :style=\"{\n        width: '50%',\n        height: '40px',\n        backgroundColor: 'rgb(52,211,153,0.6)',\n      }\"\n    >\n      1\u002F2\n    \u003C\u002FColumn>\n    \u003CColumn\n      align=\"center\"\n      :style=\"{\n        width: '50%',\n        height: '40px',\n        backgroundColor: 'rgb(34,211,238,0.6)',\n      }\"\n    >\n      1\u002F2\n    \u003C\u002FColumn>\n  \u003C\u002FRow>\n  \u003CRow>\n    \u003CColumn\n      align=\"center\"\n      :style=\"{\n        width: '33.333333%',\n        height: '40px',\n        backgroundColor: 'rgb(244,114,182,0.6)',\n      }\"\n    >\n      1\u002F3\n    \u003C\u002FColumn>\n    \u003CColumn\n      align=\"center\"\n      :style=\"{\n        width: '66.666667%',\n        height: '40px',\n        backgroundColor: 'rgb(192,132,252,0.6)',\n      }\"\n    >\n      2\u002F3\n    \u003C\u002FColumn>\n  \u003C\u002FRow>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { Column, Row } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CRow :cellspacing=\"8\">\n    \u003CColumn align=\"center\" class=\"h-[40px] w-1\u002F2 bg-emerald-400\u002F60\">1\u002F2\u003C\u002FColumn>\n    \u003CColumn align=\"center\" class=\"h-[40px] w-1\u002F2 bg-cyan-400\u002F60\">1\u002F2\u003C\u002FColumn>\n  \u003C\u002FRow>\n  \u003CRow>\n    \u003CColumn align=\"center\" class=\"h-[40px] w-1\u002F3 bg-pink-400\u002F60\">1\u002F3\u003C\u002FColumn>\n    \u003CColumn align=\"center\" class=\"h-[40px] w-2\u002F3 bg-purple-400\u002F60\">2\u002F3\u003C\u002FColumn>\n  \u003C\u002FRow>\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                    \u003Ctable\n                      align=\"center\"\n                      width=\"100%\"\n                      border=\"0\"\n                      cellpadding=\"0\"\n                      cellspacing=\"0\"\n                      role=\"presentation\">\n                      \u003Ctbody style=\"width:100%\">\n                        \u003Ctr style=\"width:100%\">\n                          \u003Ctd\n                            align=\"center\"\n                            data-id=\"__vuemail-column\"\n                            style=\"width:33.333333%;height:40px;background-color:rgb(251,146,60,0.6)\">\n                            1\u002F3\n                          \u003C\u002Ftd>\n                          \u003Ctd\n                            align=\"center\"\n                            data-id=\"__vuemail-column\"\n                            style=\"width:33.333333%;height:40px;background-color:rgb(52,211,153,0.6)\">\n                            1\u002F3\n                          \u003C\u002Ftd>\n                          \u003Ctd\n                            align=\"center\"\n                            data-id=\"__vuemail-column\"\n                            style=\"width:33.333333%;height:40px;background-color:rgb(34,211,238,0.6)\">\n                            1\u002F3\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\u002Ftd>\n        \u003C\u002Ftr>\n      \u003C\u002Ftbody>\n    \u003C\u002Ftable>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport { Column, Row } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CRow>\n    \u003CColumn\n      align=\"center\"\n      :style=\"{\n        width: '33.333333%',\n        height: '40px',\n        backgroundColor: 'rgb(251,146,60,0.6)',\n      }\"\n    >\n      1\u002F3\n    \u003C\u002FColumn>\n    \u003CColumn\n      align=\"center\"\n      :style=\"{\n        width: '33.333333%',\n        height: '40px',\n        backgroundColor: 'rgb(52,211,153,0.6)',\n      }\"\n    >\n      1\u002F3\n    \u003C\u002FColumn>\n    \u003CColumn\n      align=\"center\"\n      :style=\"{\n        width: '33.333333%',\n        height: '40px',\n        backgroundColor: 'rgb(34,211,238,0.6)',\n      }\"\n    >\n      1\u002F3\n    \u003C\u002FColumn>\n  \u003C\u002FRow>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { Column, Row } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CRow>\n    \u003CColumn align=\"center\" class=\"h-[40px] w-1\u002F3 bg-orange-400\u002F60\">1\u002F3\u003C\u002FColumn>\n    \u003CColumn align=\"center\" class=\"h-[40px] w-1\u002F3 bg-emerald-400\u002F60\">1\u002F3\u003C\u002FColumn>\n    \u003CColumn align=\"center\" class=\"h-[40px] w-1\u002F3 bg-cyan-400\u002F60\">1\u002F3\u003C\u002FColumn>\n  \u003C\u002FRow>\n\u003C\u002Ftemplate>\n","1",1790606429722]