{"id":19001607,"url":"https://github.com/kevcodez/vuejs-server-renderer-mjml","last_synced_at":"2025-09-05T21:42:46.212Z","repository":{"id":91719573,"uuid":"214642909","full_name":"kevcodez/vuejs-server-renderer-mjml","owner":"kevcodez","description":"Example on how to combine VueJS (Server Renderer) with mjml to create responsive emails","archived":false,"fork":false,"pushed_at":"2023-07-12T03:13:32.000Z","size":213,"stargazers_count":5,"open_issues_count":6,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-22T17:58:53.586Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kevcodez.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-10-12T12:23:17.000Z","updated_at":"2022-12-01T13:36:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"ba7b1a0f-e026-4466-a34a-550e03758707","html_url":"https://github.com/kevcodez/vuejs-server-renderer-mjml","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kevcodez/vuejs-server-renderer-mjml","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevcodez%2Fvuejs-server-renderer-mjml","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevcodez%2Fvuejs-server-renderer-mjml/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevcodez%2Fvuejs-server-renderer-mjml/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevcodez%2Fvuejs-server-renderer-mjml/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kevcodez","download_url":"https://codeload.github.com/kevcodez/vuejs-server-renderer-mjml/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevcodez%2Fvuejs-server-renderer-mjml/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273826760,"owners_count":25175234,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-05T02:00:09.113Z","response_time":402,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-08T18:12:05.504Z","updated_at":"2025-09-05T21:42:46.183Z","avatar_url":"https://github.com/kevcodez.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Full example source code for the blog post\r\n\r\nhttps://kevcodez.de/posts/2019-10-12-responsive-emails-vuejs-mjml/\r\n\r\n----\r\n\r\n```sh\r\nyarn\r\nnode render.js\r\n```\r\n\r\n```html\r\n \u003c!doctype html\u003e\r\n    \u003chtml xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\"\u003e\r\n      \u003chead\u003e\r\n        \u003ctitle\u003e\r\n\r\n        \u003c/title\u003e\r\n        \u003c!--[if !mso]\u003e\u003c!-- --\u003e\r\n        \u003cmeta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"\u003e\r\n        \u003c!--\u003c![endif]--\u003e\r\n        \u003cmeta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"\u003e\r\n        \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\r\n        \u003cstyle type=\"text/css\"\u003e\r\n          #outlook a { padding:0; }\r\n          body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }\r\n          table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }\r\n          img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }\r\n          p { display:block;margin:13px 0; }\r\n        \u003c/style\u003e\r\n        \u003c!--[if mso]\u003e\r\n        \u003cxml\u003e\r\n        \u003co:OfficeDocumentSettings\u003e\r\n          \u003co:AllowPNG/\u003e\r\n          \u003co:PixelsPerInch\u003e96\u003c/o:PixelsPerInch\u003e\r\n        \u003c/o:OfficeDocumentSettings\u003e\r\n        \u003c/xml\u003e\r\n        \u003c![endif]--\u003e\r\n        \u003c!--[if lte mso 11]\u003e\r\n        \u003cstyle type=\"text/css\"\u003e\r\n          .mj-outlook-group-fix { width:100% !important; }\r\n        \u003c/style\u003e\r\n        \u003c![endif]--\u003e\r\n\r\n\r\n    \u003cstyle type=\"text/css\"\u003e\r\n      @media only screen and (min-width:480px) {\r\n        .mj-column-per-100 { width:100% !important; max-width: 100%; }\r\n      }\r\n    \u003c/style\u003e\r\n\r\n\r\n        \u003cstyle type=\"text/css\"\u003e\r\n\r\n\r\n        \u003c/style\u003e\r\n\r\n\r\n      \u003c/head\u003e\r\n      \u003cbody\u003e\r\n\r\n\r\n      \u003cdiv\r\n         style=\"\"\r\n      \u003e\r\n\r\n\r\n      \u003c!--[if mso | IE]\u003e\r\n      \u003ctable\r\n         align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" style=\"width:600px;\" width=\"600\"\r\n      \u003e\r\n        \u003ctr\u003e\r\n          \u003ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"\u003e\r\n      \u003c![endif]--\u003e\r\n\r\n\r\n      \u003cdiv  style=\"margin:0px auto;max-width:600px;\"\u003e\r\n\r\n        \u003ctable\r\n           align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\r\n        \u003e\r\n          \u003ctbody\u003e\r\n            \u003ctr\u003e\r\n              \u003ctd\r\n                 style=\"direction:ltr;font-size:0px;padding:20px 0;text-align:center;\"\r\n              \u003e\r\n                \u003c!--[if mso | IE]\u003e\r\n                  \u003ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"\u003e\r\n\r\n        \u003ctr\u003e\r\n\r\n            \u003ctd\r\n               class=\"\" style=\"vertical-align:top;width:600px;\"\r\n            \u003e\r\n          \u003c![endif]--\u003e\r\n\r\n      \u003cdiv\r\n         class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\r\n      \u003e\r\n\r\n      \u003ctable\r\n         border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\r\n      \u003e\r\n\r\n            \u003ctr\u003e\r\n              \u003ctd\r\n                 align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\"\r\n              \u003e\r\n\r\n      \u003cdiv\r\n         style=\"font-family:helvetica;font-size:20px;line-height:1;text-align:left;color:#F45E43;\"\r\n      \u003eHello kevcodez\u003c/div\u003e\r\n\r\n              \u003c/td\u003e\r\n            \u003c/tr\u003e\r\n\r\n      \u003c/table\u003e\r\n\r\n      \u003c/div\u003e\r\n\r\n          \u003c!--[if mso | IE]\u003e\r\n            \u003c/td\u003e\r\n\r\n        \u003c/tr\u003e\r\n\r\n                  \u003c/table\u003e\r\n                \u003c![endif]--\u003e\r\n              \u003c/td\u003e\r\n            \u003c/tr\u003e\r\n          \u003c/tbody\u003e\r\n        \u003c/table\u003e\r\n\r\n      \u003c/div\u003e\r\n\r\n\r\n      \u003c!--[if mso | IE]\u003e\r\n          \u003c/td\u003e\r\n        \u003c/tr\u003e\r\n      \u003c/table\u003e\r\n      \u003c![endif]--\u003e\r\n\r\n\r\n      \u003c/div\u003e\r\n\r\n      \u003c/body\u003e\r\n    \u003c/html\u003e\r\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevcodez%2Fvuejs-server-renderer-mjml","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkevcodez%2Fvuejs-server-renderer-mjml","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevcodez%2Fvuejs-server-renderer-mjml/lists"}