[{"data":1,"prerenderedAt":34},["ShallowReactive",2],{"components-image":3,"$f148199gmhdfq7":33},{"category":4,"components":17},{"name":5,"description":6,"components":7},"Image","Image components for displaying images with various styling options.",[8,11,14],{"slug":9,"title":10},"simple-image","Simple image",{"slug":12,"title":13},"rounded-image","Rounded image",{"slug":15,"title":16},"image-with-varying-sizes","Image with varying sizes",[18,23,28],{"slug":9,"title":10,"code":19},{"html":20,"inline-styles":21,"tailwind":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                    \u003Cimg\n                      width=\"250\"\n                      height=\"250\"\n                      src=\"\u002Fstatic\u002Fode-grinder.jpg\"\n                      alt=\"Ode Grinder\"\n                      style=\"display:block;outline:none;border:none;text-decoration:none;margin-left:auto;margin-right:auto\" \u002F>\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 { Img } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CImg\n    alt=\"Ode Grinder\"\n    :width=\"250\"\n    :height=\"250\"\n    src=\"\u002Fstatic\u002Fode-grinder.jpg\"\n    :style=\"{ marginLeft: 'auto', marginRight: 'auto' }\"\n  \u002F>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { Img } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CImg\n    alt=\"Ode Grinder\"\n    class=\"mx-auto\"\n    :width=\"250\"\n    :height=\"250\"\n    src=\"\u002Fstatic\u002Fode-grinder.jpg\"\n  \u002F>\n\u003C\u002Ftemplate>\n",{"slug":12,"title":13,"code":24},{"html":25,"inline-styles":26,"tailwind":27},"\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                    \u003Cimg\n                      width=\"250\"\n                      height=\"250\"\n                      src=\"\u002Fstatic\u002Fstagg-eletric-kettle.jpg\"\n                      alt=\"Stagg Electric Kettle\"\n                      style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:12px;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto\" \u002F>\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 { Img } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CImg\n    alt=\"Stagg Electric Kettle\"\n    :width=\"250\"\n    :height=\"250\"\n    src=\"\u002Fstatic\u002Fstagg-eletric-kettle.jpg\"\n    :style=\"{\n      borderRadius: '12px',\n      marginTop: '0',\n      marginBottom: '0',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    }\"\n  \u002F>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { Img } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CImg\n    alt=\"Stagg Electric Kettle\"\n    class=\"rounded-[12px] my-0 mx-auto\"\n    :width=\"250\"\n    :height=\"250\"\n    src=\"\u002Fstatic\u002Fstagg-eletric-kettle.jpg\"\n  \u002F>\n\u003C\u002Ftemplate>\n",{"slug":15,"title":16,"code":29},{"html":30,"inline-styles":31,"tailwind":32},"\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                    \u003Cimg\n                      height=\"150\"\n                      src=\"\u002Fstatic\u002Fatmos-vacuum-canister.jpg\"\n                      alt=\"Atoms Vacuum Canister\"\n                      style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:12px;margin:12px auto 12px\" \u002F>\u003Cimg\n                      height=\"200\"\n                      src=\"\u002Fstatic\u002Fatmos-vacuum-canister.jpg\"\n                      alt=\"Atoms Vacuum Canister\"\n                      style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:12px;margin:12px auto 12px\" \u002F>\u003Cimg\n                      height=\"250\"\n                      src=\"\u002Fstatic\u002Fatmos-vacuum-canister.jpg\"\n                      alt=\"Atoms Vacuum Canister\"\n                      style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:12px;margin:12px auto 12px\" \u002F>\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 { Img } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CImg\n    alt=\"Atoms Vacuum Canister\"\n    :height=\"150\"\n    src=\"\u002Fstatic\u002Fatmos-vacuum-canister.jpg\"\n    :style=\"{ borderRadius: '12px', margin: '12px auto 12px' }\"\n  \u002F>\n  \u003CImg\n    alt=\"Atoms Vacuum Canister\"\n    :height=\"200\"\n    src=\"\u002Fstatic\u002Fatmos-vacuum-canister.jpg\"\n    :style=\"{ borderRadius: '12px', margin: '12px auto 12px' }\"\n  \u002F>\n  \u003CImg\n    alt=\"Atoms Vacuum Canister\"\n    :height=\"250\"\n    src=\"\u002Fstatic\u002Fatmos-vacuum-canister.jpg\"\n    :style=\"{ borderRadius: '12px', margin: '12px auto 12px' }\"\n  \u002F>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { Img } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CImg\n    alt=\"Atoms Vacuum Canister\"\n    class=\"rounded-[12px] my-[12px] mx-auto\"\n    :width=\"150\"\n    :height=\"150\"\n    src=\"\u002Fstatic\u002Fatmos-vacuum-canister.jpg\"\n  \u002F>\n  \u003CImg\n    alt=\"Atoms Vacuum Canister\"\n    class=\"rounded-[12px] my-[12px] mx-auto\"\n    :width=\"200\"\n    :height=\"200\"\n    src=\"\u002Fstatic\u002Fatmos-vacuum-canister.jpg\"\n  \u002F>\n  \u003CImg\n    alt=\"Atoms Vacuum Canister\"\n    class=\"rounded-[12px] my-[12px] mx-auto\"\n    :width=\"250\"\n    :height=\"250\"\n    src=\"\u002Fstatic\u002Fatmos-vacuum-canister.jpg\"\n  \u002F>\n\u003C\u002Ftemplate>\n","1",1790606429726]