[{"data":1,"prerenderedAt":21},["ShallowReactive",2],{"$f5OnerO1W3JcqWTAYStWgYxWOJWKM0F87fnfn7AablGw":3},{"issue":4},{"analytics":5,"html":11,"issueId":12,"issueNumber":13,"ogImage":14,"publishedAt":17,"title":18,"url":19,"version":20},{"clickRate":6,"clicks":7,"openRate":8,"sent":9,"views":10},8,133,32,1706,543,"\u003C!doctype html>\n\u003Chtml xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\">\n  \u003Chead>\n    \u003Ctitle>\u003C/title>\n    \u003C!--[if !mso]>\u003C!-->\n    \u003Cmeta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    \u003C!--\u003C![endif]-->\n    \u003Cmeta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    \u003Cstyle type=\"text/css\">\n      #outlook a { padding:0; }\n      body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }\n      table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }\n      img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }\n      p { display:block;margin:13px 0; }\n    \u003C/style>\n    \u003C!--[if mso]>\n    \u003Cnoscript>\n    \u003Cxml>\n    \u003Co:OfficeDocumentSettings>\n      \u003Co:AllowPNG/>\n      \u003Co:PixelsPerInch>96\u003C/o:PixelsPerInch>\n    \u003C/o:OfficeDocumentSettings>\n    \u003C/xml>\n    \u003C/noscript>\n    \u003C![endif]-->\n    \u003C!--[if lte mso 11]>\n    \u003Cstyle type=\"text/css\">\n      .mj-outlook-group-fix { width:100% !important; }\n    \u003C/style>\n    \u003C![endif]-->\n    \n      \u003C!--[if !mso]>\u003C!-->\n        \u003Clink href=\"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap\" rel=\"stylesheet\" type=\"text/css\">\n        \u003Cstyle type=\"text/css\">\n          @import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap);\n        \u003C/style>\n      \u003C!--\u003C![endif]-->\n\n    \n    \n    \u003Cstyle type=\"text/css\">\n      @media only screen and (min-width:480px) {\n        .mj-column-per-100 { width:100% !important; max-width: 100%; }\n.mj-column-px-200 { width:200px !important; max-width: 200px; }\n.mj-column-per-15 { width:15% !important; max-width: 15%; }\n.mj-column-per-85 { width:85% !important; max-width: 85%; }\n.mj-column-per-50 { width:50% !important; max-width: 50%; }\n.mj-column-per-20 { width:20% !important; max-width: 20%; }\n.mj-column-per-80 { width:80% !important; max-width: 80%; }\n      }\n    \u003C/style>\n    \u003Cstyle media=\"screen and (min-width:480px)\">\n      .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }\n.moz-text-html .mj-column-px-200 { width:200px !important; max-width: 200px; }\n.moz-text-html .mj-column-per-15 { width:15% !important; max-width: 15%; }\n.moz-text-html .mj-column-per-85 { width:85% !important; max-width: 85%; }\n.moz-text-html .mj-column-per-50 { width:50% !important; max-width: 50%; }\n.moz-text-html .mj-column-per-20 { width:20% !important; max-width: 20%; }\n.moz-text-html .mj-column-per-80 { width:80% !important; max-width: 80%; }\n    \u003C/style>\n    \n  \n    \u003Cstyle type=\"text/css\">\n    \n    \n\n    @media only screen and (max-width:479px) {\n      table.mj-full-width-mobile { width: 100% !important; }\n      td.mj-full-width-mobile { width: auto !important; }\n    }\n  \n    \u003C/style>\n    \u003Cstyle type=\"text/css\">\n    \n    \u003C/style>\n    \n  \u003C/head>\n  \u003Cbody style=\"word-spacing:normal;background-color:#FFFFFF;\">\n    \n    \n      \u003Cdiv style=\"background-color:#FFFFFF;\">\n        \n      \n      \u003C!--[if mso | IE]>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">FOLLOW_UP_PLACEHOLDER\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"center\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:12px;font-weight:300;line-height:24px;text-align:center;color:#616161;\">\u003Cspan style=\"color:#bdbdbd;line-height:9px;\">\u003Ca href=\"https://weekly-vue.news/issues/104\" target=\"_blank\" style=\"color: #42B883; text-decoration: underline;\">View and discuss online\u003C/a>, \u003C/span>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:200px;\" >\u003C![endif]-->\n            \n      \u003Cdiv class=\"mj-column-px-200 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"center\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:collapse;border-spacing:0px;\">\n        \u003Ctbody>\n          \u003Ctr>\n            \u003Ctd style=\"width:150px;\">\n              \n        \u003Ca href=\"https://weekly-vue.news?ref=newsletter\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">\n          \n      \u003Cimg src=\"https://mokkapps.twic.pics/weekly-vue.news/logo-with-text.png?twic=v1/cover=200\" style=\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" width=\"150\" height=\"auto\">\n    \n        \u003C/a>\n      \n            \u003C/td>\n          \u003C/tr>\n        \u003C/tbody>\n      \u003C/table>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd style=\"font-size:0px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"height:25px;line-height:25px;\"> \u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;padding-top:0px;padding-bottom:0px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:18px;font-weight:700;line-height:24px;text-align:left;color:#616161;\">Weekly Vue News #104\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:5px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:22px;font-weight:700;line-height:24px;text-align:left;color:#616161;\">\u003Cp style=\"margin: 8px 0px;\">Split Your SFC into Multiple Files\u003C/p>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"center\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cp style=\"border-top: solid 1px #E0E0E0; font-size: 1px; margin: 0px auto; width: 100%;\">\n      \u003C/p>\n      \n      \u003C!--[if mso | IE]>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-top:solid 1px #E0E0E0;font-size:1px;margin:0px auto;width:550px;\" role=\"presentation\" width=\"550px\" >\u003Ctr>\u003Ctd style=\"height:0;line-height:0;\">  \n\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n    \n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Cp style=\"margin: 8px 0px;\">Hi 👋\u003C/p>\u003Cp style=\"margin: 8px 0px;\">No special news this week, I'm still mainly preparing for the arrival of our baby 🧑🏻‍🍼.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">Have a lovely week ☀️\u003C/p>\u003Chr style=\"margin-top:25px;\">\u003Cp style=\"margin: 8px 0px;\">To support me:\u003C/p>\u003Cul>\u003Cli>😘 \u003Cstrong>Recommend the newsletter to your friends\u003C/strong>: it really helps!\u003C/li>\u003Cli>💸 \u003Ca href=\"https://weekly-vue.news/sponsor\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">Sponsor\u003C/a> the newsletter\u003C/li>\u003Cli>🧵 \u003Ca href=\"https://twitter.com/weekly_vue_news\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">Retweet the latest Twitter thread\u003C/a>\u003C/li>\u003Cli>📨 Reply to this \u003Ca href=\"mailto:info@weekly-vue.news\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">email\u003C/a>: feedback is welcome\u003C/li>\u003C/ul>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:20px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:22px;font-weight:700;line-height:24px;text-align:left;color:#616161;\">Vue Tip: Split Your SFC into Multiple Files\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Cp style=\"margin: 8px 0px;\">Vue provides a special file format to combine the template, logic, and styling of a component in \u003Cstrong>a single file\u003C/strong>. This format is called \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fvuejs.org%2Fguide%2Fscaling-up%2Fsfc.html&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">Single-File Component\u003C/a>\u003C/mj-text> (SFC) also known as \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">*.vue\u003C/code> file.\u003C/p>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"overflow-auto-outlook\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv class=\"overflow-auto\" style=\"overflow: auto; margin: 0px auto; max-width: 600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Cspan style=\"font-weight:bold;\">Component.vue\u003C/span>\u003Cdiv>\u003Cpre tabindex=\"1\" class=\"shiki \" style=\"background-color: #1E1E1E; border-radius: 10px;\">\u003Ccode class=\"undefined\" style=\"undefined\">\u003Cdiv style=\"padding: 10px\">\u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" bgcolor=\"#1e1e1e\" style=\"border-collapse:separate; border-spacing: 0 0.2em; width:100%\">\u003Ctbody>\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">1\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">script\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">setup\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">2\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #C586C0\">import\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">ref\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> } \u003C/span>\u003Cspan style=\"color: #C586C0\">from\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #CE9178\">'vue'\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">3\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">count\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">ref\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #B5CEA8\">0\u003C/span>\u003Cspan style=\"color: #D4D4D4\">)\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">4\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">script\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">5\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">6\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">template\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">7\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">p\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">class\u003C/span>\u003Cspan style=\"color: #D4D4D4\">=\u003C/span>\u003Cspan style=\"color: #CE9178\">\"greeting\"\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003Cspan style=\"color: #D4D4D4\">{{ count }}\u003C/span>\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">p\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">8\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">template\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">9\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">10\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">style\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">scoped\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">11\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D7BA7D\">.counter\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> {\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">12\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #9CDCFE\">color\u003C/span>\u003Cspan style=\"color: #D4D4D4\">: \u003C/span>\u003Cspan style=\"color: #CE9178\">orangered\u003C/span>\u003Cspan style=\"color: #D4D4D4\">;\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">13\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">}\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">14\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">style\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/div>\u003C/code>\u003C/pre>\u003C/div>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Cp style=\"margin: 8px 0px;\">This format is very convenient for small components, but it can become a bit overwhelming for larger components. In this case, you can split your SFC into multiple files using the \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">scr\u003C/code> attribute to import an external file for a language block:\u003C/p>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"overflow-auto-outlook\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv class=\"overflow-auto\" style=\"overflow: auto; margin: 0px auto; max-width: 600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Cspan style=\"font-weight:bold;\">Component.vue\u003C/span>\u003Cdiv>\u003Cpre tabindex=\"1\" class=\"shiki \" style=\"background-color: #1E1E1E; border-radius: 10px;\">\u003Ccode class=\"undefined\" style=\"undefined\">\u003Cdiv style=\"padding: 10px\">\u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" bgcolor=\"#1e1e1e\" style=\"border-collapse:separate; border-spacing: 0 0.2em; width:100%\">\u003Ctbody>\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">1\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">script\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">src\u003C/span>\u003Cspan style=\"color: #D4D4D4\">=\u003C/span>\u003Cspan style=\"color: #CE9178\">\"./script.js\"\u003C/span>\u003Cspan style=\"color: #808080\">></\u003C/span>\u003Cspan style=\"color: #569CD6\">script\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">2\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">3\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">template\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">src\u003C/span>\u003Cspan style=\"color: #D4D4D4\">=\u003C/span>\u003Cspan style=\"color: #CE9178\">\"./template.html\"\u003C/span>\u003Cspan style=\"color: #808080\">></\u003C/span>\u003Cspan style=\"color: #569CD6\">template\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">4\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">5\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">style\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">scoped\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">src\u003C/span>\u003Cspan style=\"color: #D4D4D4\">=\u003C/span>\u003Cspan style=\"color: #CE9178\">\"./styles.css\"\u003C/span>\u003Cspan style=\"color: #808080\">></\u003C/span>\u003Cspan style=\"color: #569CD6\">style\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/div>\u003C/code>\u003C/pre>\u003C/div>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0 20px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:560px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd style=\"font-size:0px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"height:10px;line-height:10px;\"> \u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n              \u003Ctr>\n                \u003Ctd vertical-align=\"top\" style=\"font-size:0px;padding:0px 0px;word-break:break-word;\">\n                  \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n        \u003Ctbody>\n          \u003Ctr>\n            \u003Ctd style=\"background-color:#FFF5DB;border-radius:10px;vertical-align:top;padding:0px 0px;\">\n              \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Cp style=\"margin: 8px 0px;\">This approach doesn't work with the \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\"><script setup>\u003C/code> block. Compiler macros like \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">defineProps\u003C/code> or \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">defineEmits\u003C/code> are compiler macros only usable inside \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\"><script setup>\u003C/code>.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">But you can import any JavaScript/Typescript file:\u003C/p>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n            \u003C/td>\n          \u003C/tr>\n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n              \u003Ctr>\n                \u003Ctd style=\"font-size:0px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"height:10px;line-height:10px;\"> \u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"overflow-auto-outlook\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv class=\"overflow-auto\" style=\"overflow: auto; margin: 0px auto; max-width: 600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Cspan style=\"font-weight:bold;\">Component.vue\u003C/span>\u003Cdiv>\u003Cpre tabindex=\"1\" class=\"shiki \" style=\"background-color: #1E1E1E; border-radius: 10px;\">\u003Ccode class=\"undefined\" style=\"undefined\">\u003Cdiv style=\"padding: 10px\">\u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" bgcolor=\"#1e1e1e\" style=\"border-collapse:separate; border-spacing: 0 0.2em; width:100%\">\u003Ctbody>\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">1\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">script\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">setup\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">lang\u003C/span>\u003Cspan style=\"color: #D4D4D4\">=\u003C/span>\u003Cspan style=\"color: #CE9178\">\"ts\"\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">2\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #DCDCAA\">defineProps\u003C/span>\u003Cspan style=\"color: #D4D4D4\"><{ \u003C/span>\u003Cspan style=\"color: #9CDCFE\">msg\u003C/span>\u003Cspan style=\"color: #D4D4D4\">: \u003C/span>\u003Cspan style=\"color: #4EC9B0\">string\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> }>()\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">3\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">4\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #C586C0\">import\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">msg\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> } \u003C/span>\u003Cspan style=\"color: #C586C0\">from\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #CE9178\">'./script.ts'\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">5\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">script\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">6\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">7\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">template\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">src\u003C/span>\u003Cspan style=\"color: #D4D4D4\">=\u003C/span>\u003Cspan style=\"color: #CE9178\">\"./template.html\"\u003C/span>\u003Cspan style=\"color: #808080\">></\u003C/span>\u003Cspan style=\"color: #569CD6\">template\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">8\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">9\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">style\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">scoped\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">src\u003C/span>\u003Cspan style=\"color: #D4D4D4\">=\u003C/span>\u003Cspan style=\"color: #CE9178\">\"./styles.css\"\u003C/span>\u003Cspan style=\"color: #808080\">></\u003C/span>\u003Cspan style=\"color: #569CD6\">style\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/div>\u003C/code>\u003C/pre>\u003C/div>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Cp style=\"margin: 8px 0px;\">Try it yourself:\u003C/p>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:700;line-height:24px;text-align:left;color:#3fb983;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fstackblitz.com%2Fedit%2Fsplit-your-sfc-into-multiple-files&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">⚡ Open Demo\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0 20px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:560px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd style=\"font-size:0px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"height:10px;line-height:10px;\"> \u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n              \u003Ctr>\n                \u003Ctd vertical-align=\"top\" style=\"font-size:0px;padding:0px 0px;word-break:break-word;\">\n                  \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n        \u003Ctbody>\n          \u003Ctr>\n            \u003Ctd style=\"background-color:#DAE7FF;border-radius:10px;vertical-align:top;padding:0px 0px;\">\n              \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#007bff;\">\u003Cp style=\"margin: 8px 0px;\">I personally never needed and used this feature, but I think it's good to know that it exists.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">Instead, I prefer to use \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fvuejs.org%2Fguide%2Fcomposition-api-introduction.html&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">Composition API\u003C/a>\u003C/mj-text> to extract shared logic in a separate file or split the component into multiple components.\u003C/p>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n            \u003C/td>\n          \u003C/tr>\n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n              \u003Ctr>\n                \u003Ctd style=\"font-size:0px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"height:10px;line-height:10px;\"> \u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:20px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:22px;font-weight:700;line-height:24px;text-align:left;color:#616161;\">Quote of the week\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:collapse;border-spacing:0px;\" class=\"mj-full-width-mobile\">\n        \u003Ctbody>\n          \u003Ctr>\n            \u003Ctd style=\"width:550px;\" class=\"mj-full-width-mobile\">\n              \n      \u003Cimg src=\"https://mokkapps.twic.pics/weekly-vue.news/quotes/quote-application-complexity.png\" style=\"border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" title=\"Quote of the week\" width=\"550\" height=\"auto\">\n    \n            \u003C/td>\n          \u003C/tr>\n        \u003C/tbody>\n      \u003C/table>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:20px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:22px;font-weight:700;line-height:24px;text-align:left;color:#616161;\">Curated Vue & Nuxt Content\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fvueschool.io%2Farticles%2Funcategorized%2Fthe-vue-3-transition-component-101%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">📕 The Vue 3 Transition Component 101 \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This article explains how the Vue 3 Transition component works and demonstrates its usage with code examples. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fvueschool.io%2Farticles%2Funcategorized%2Fthe-vue-3-transition-component-101%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">vueschool.io\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fmasteringnuxt.com%2Fblog%2F24-time-saving-tips-for-nuxt3&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">📕 24 Time Saving Tips for Nuxt 3\u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻  This article is a compilation of 24 tips to help you save time and write better Nuxt apps. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fmasteringnuxt.com%2Fblog%2F24-time-saving-tips-for-nuxt3&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">masteringnuxt.com\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Froe.dev%2Fblog%2Fnuxt-server-components&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">📕 A guide to Nuxt server components \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 Server components allow server-rendering individual components within your client-side apps. \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 @danielcroe plans to \"keep this one up-to-date, as this is an area under active development\"\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Froe.dev%2Fblog%2Fnuxt-server-components&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">roe.dev\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fdev.to%2Fjacobandrewsky%2Fimproving-performance-of-nuxt-apps-with-partytown-80p&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">📕 Improving Performance of Nuxt apps with Partytown \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 Partytown is a JS library that helps relocate resource-intensive scripts (often third-party scripts) into web worker and off the main thread. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fdev.to%2Fjacobandrewsky%2Fimproving-performance-of-nuxt-apps-with-partytown-80p&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">dev.to\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fui.toast.com%2Ftui-grid&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">🛠️ TOAST UI Grid \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 A powerful MIT-licensed grid-style control for the display, editing, and management of data. \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 Can be used with Vanilla JS but there are also wrappers for Vue and React.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fui.toast.com%2Ftui-grid&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">ui.toast.com\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:20px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:22px;font-weight:700;line-height:24px;text-align:left;color:#616161;\">Fun\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:collapse;border-spacing:0px;\" class=\"mj-full-width-mobile\">\n        \u003Ctbody>\n          \u003Ctr>\n            \u003Ctd style=\"width:550px;\" class=\"mj-full-width-mobile\">\n              \n      \u003Cimg src=\"https://mokkapps.twic.pics/weekly-vue.news/issues/104/frontend-vs-backend.png\" style=\"border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" title=\"Frontend vs Backend\" width=\"550\" height=\"auto\">\n    \n            \u003C/td>\n          \u003C/tr>\n        \u003C/tbody>\n      \u003C/table>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:20px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:22px;font-weight:700;line-height:24px;text-align:left;color:#616161;\">Curated Web Development Content\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Foida.dev%2F5-truths-about-typescript%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">📕 5 Inconvenient Truths about TypeScript \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 1. TypeScript won’t save you from JavaScript \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 2. TypeScript adds complexity \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👇🏻 Read more at:\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Foida.dev%2F5-truths-about-typescript%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">oida.dev\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fyoutu.be%2FtqhLK0Fb5_4&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">📹 Principles for Scaling Frontend Application Development \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 The CTO of Vercel recently held a talk about building scalable frontend apps. \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 He talks about principles such as making code easy to delete, migrating incrementally, etc. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fyoutu.be%2FtqhLK0Fb5_4&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">youtu.be\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fnewsletter.abinoda.com%2Fp%2Fbuild-times-and-developer-productivity&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">📕 Build Times and Developer Productivity \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 The takeaway is that even modest improvements to build times are helpful. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fnewsletter.abinoda.com%2Fp%2Fbuild-times-and-developer-productivity&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">newsletter.abinoda.com\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.justinjoyce.dev%2Fdeveloper-workflow-tips-no-one-tells-you-about%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">📕 Developer workflow tips no one tells you about\u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻  Computer setup\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 Command-line-related things\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 Technical but non-CS advice\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 Potpourri \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.justinjoyce.dev%2Fdeveloper-workflow-tips-no-one-tells-you-about%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">www.justinjoyce.dev\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fgithub.com%2Freadme%2Ffeatured%2Ftypescript-gradual-types&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">📕 TypeScript and the dawn of gradual types \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 How static typing made it into the JavaScript world\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 What TypeScript offers\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 Some alternative approaches\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 The possibility of adding type annotations to JavaScript itself\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fgithub.com%2Freadme%2Ffeatured%2Ftypescript-gradual-types&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">github.com\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fcareercutler.substack.com%2Fp%2Fhow-to-give-presentations-and-demos%3Fr%3D1nwcx&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">📕 How to give presentations and demos your teammates will love \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This article introduces the Problem-Agitate-Solution framework, which is used to give great presentations. \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 It helps give presentations that “wow” your teammates. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fcareercutler.substack.com%2Fp%2Fhow-to-give-presentations-and-demos%3Fr%3D1nwcx&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">careercutler.substack.com\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"center\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cp style=\"border-top: solid 1px #E0E0E0; font-size: 1px; margin: 0px auto; width: 100%;\">\n      \u003C/p>\n      \n      \u003C!--[if mso | IE]>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-top:solid 1px #E0E0E0;font-size:1px;margin:0px auto;width:550px;\" role=\"presentation\" width=\"550px\" >\u003Ctr>\u003Ctd style=\"height:0;line-height:0;\">  \n\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n    \n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-style:italic;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Cspan>Comments? Join the discussion about this issue \u003C/span>\u003Ca href=\"https://weekly-vue.news/issues/104\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">here\u003C/a>.\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Cp style=\"margin: 5px 0;\">Until next week,\u003C/p>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:90px;\" >\u003C![endif]-->\n            \n      \u003Cdiv class=\"mj-column-per-15 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;padding-right:0px;padding-left:25px;word-break:break-word;\">\n                  \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:collapse;border-spacing:0px;\">\n        \u003Ctbody>\n          \u003Ctr>\n            \u003Ctd style=\"width:65px;\">\n              \n        \u003Ca href=\"https://mokkapps.de?ref=newsletter\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">\n          \n      \u003Cimg src=\"https://mokkapps.twic.pics/weekly-vue.news/profile-pic.png?twic=v1/cover=80\" style=\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" width=\"65\" height=\"auto\">\n    \n        \u003C/a>\n      \n            \u003C/td>\n          \u003C/tr>\n        \u003C/tbody>\n      \u003C/table>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003Ctd class=\"\" style=\"vertical-align:top;width:510px;\" >\u003C![endif]-->\n            \n      \u003Cdiv class=\"mj-column-per-85 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd vertical-align=\"top\" style=\"font-size:0px;word-break:break-word;\">\n                  \n      \u003Cdiv class=\"mj-column-per-50 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://mokkapps.de?ref=newsletter\" style=\"text-decoration: none; color: black;\">Michael Hoffmann\u003C/a> (Curator)\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n              \u003Ctr>\n                \u003Ctd vertical-align=\"top\" style=\"font-size:0px;word-break:break-word;\">\n                  \n      \u003Cdiv class=\"mj-column-per-50 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;padding-left:22px;word-break:break-word;\">\n                  \n      \n     \u003C!--[if mso | IE]>\u003Ctable align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" >\u003Ctr>\u003Ctd>\u003C![endif]-->\n              \u003Ctable align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"float:none;display:inline-table;\">\n                \u003Ctbody>\n                  \n      \u003Ctr>\n        \u003Ctd style=\"padding:4px;vertical-align:middle;\">\n          \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"background:#55acee;border-radius:3px;width:18px;\">\n            \u003Ctbody>\n              \u003Ctr>\n                \u003Ctd style=\"font-size:0;height:18px;vertical-align:middle;width:18px;\">\n                  \u003Ca href=\"https://twitter.com/mokkapps\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">\n                    \u003Cimg height=\"18\" src=\"https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png\" style=\"border-radius:3px;display:block;\" width=\"18\">\n                  \u003C/a>\n                \u003C/td>\n              \u003C/tr>\n            \u003C/tbody>\n          \u003C/table>\n        \u003C/td>\n        \n      \u003C/tr>\n    \n                \u003C/tbody>\n              \u003C/table>\n            \u003C!--[if mso | IE]>\u003C/td>\u003Ctd>\u003C![endif]-->\n              \u003Ctable align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"float:none;display:inline-table;\">\n                \u003Ctbody>\n                  \n      \u003Ctr>\n        \u003Ctd style=\"padding:4px;vertical-align:middle;\">\n          \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"background:#000000;border-radius:3px;width:18px;\">\n            \u003Ctbody>\n              \u003Ctr>\n                \u003Ctd style=\"font-size:0;height:18px;vertical-align:middle;width:18px;\">\n                  \u003Ca href=\"https://github.com/mokkapps\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">\n                    \u003Cimg height=\"18\" src=\"https://www.mailjet.com/images/theme/v1/icons/ico-social/github.png\" style=\"border-radius:3px;display:block;\" width=\"18\">\n                  \u003C/a>\n                \u003C/td>\n              \u003C/tr>\n            \u003C/tbody>\n          \u003C/table>\n        \u003C/td>\n        \n      \u003C/tr>\n    \n                \u003C/tbody>\n              \u003C/table>\n            \u003C!--[if mso | IE]>\u003C/td>\u003Ctd>\u003C![endif]-->\n              \u003Ctable align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"float:none;display:inline-table;\">\n                \u003Ctbody>\n                  \n      \u003Ctr>\n        \u003Ctd style=\"padding:4px;vertical-align:middle;\">\n          \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"background:#3f729b;border-radius:3px;width:18px;\">\n            \u003Ctbody>\n              \u003Ctr>\n                \u003Ctd style=\"font-size:0;height:18px;vertical-align:middle;width:18px;\">\n                  \u003Ca href=\"https://instagram.com/mokkapps\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">\n                    \u003Cimg height=\"18\" src=\"https://www.mailjet.com/images/theme/v1/icons/ico-social/instagram.png\" style=\"border-radius:3px;display:block;\" width=\"18\">\n                  \u003C/a>\n                \u003C/td>\n              \u003C/tr>\n            \u003C/tbody>\n          \u003C/table>\n        \u003C/td>\n        \n      \u003C/tr>\n    \n                \u003C/tbody>\n              \u003C/table>\n            \u003C!--[if mso | IE]>\u003C/td>\u003Ctd>\u003C![endif]-->\n              \u003Ctable align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"float:none;display:inline-table;\">\n                \u003Ctbody>\n                  \n      \u003Ctr>\n        \u003Ctd style=\"padding:4px;vertical-align:middle;\">\n          \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"background:#EB3323;border-radius:3px;width:18px;\">\n            \u003Ctbody>\n              \u003Ctr>\n                \u003Ctd style=\"font-size:0;height:18px;vertical-align:middle;width:18px;\">\n                  \u003Ca href=\"https://youtube.com/@mokkapps\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">\n                    \u003Cimg height=\"18\" src=\"https://www.mailjet.com/images/theme/v1/icons/ico-social/youtube.png\" style=\"border-radius:3px;display:block;\" width=\"18\">\n                  \u003C/a>\n                \u003C/td>\n              \u003C/tr>\n            \u003C/tbody>\n          \u003C/table>\n        \u003C/td>\n        \n      \u003C/tr>\n    \n                \u003C/tbody>\n              \u003C/table>\n            \u003C!--[if mso | IE]>\u003C/td>\u003Ctd>\u003C![endif]-->\n              \u003Ctable align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"float:none;display:inline-table;\">\n                \u003Ctbody>\n                  \n      \u003Ctr>\n        \u003Ctd style=\"padding:4px;vertical-align:middle;\">\n          \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"background:#0077b5;border-radius:3px;width:18px;\">\n            \u003Ctbody>\n              \u003Ctr>\n                \u003Ctd style=\"font-size:0;height:18px;vertical-align:middle;width:18px;\">\n                  \u003Ca href=\"https://www.linkedin.com/shareArticle?mini=true&url=https://www.linkedin.com/in/mokkapps&title=&summary=&source=\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">\n                    \u003Cimg height=\"18\" src=\"https://www.mailjet.com/images/theme/v1/icons/ico-social/linkedin.png\" style=\"border-radius:3px;display:block;\" width=\"18\">\n                  \u003C/a>\n                \u003C/td>\n              \u003C/tr>\n            \u003C/tbody>\n          \u003C/table>\n        \u003C/td>\n        \n      \u003C/tr>\n    \n                \u003C/tbody>\n              \u003C/table>\n            \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n    \n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"center\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cp style=\"border-top: solid 1px #E0E0E0; font-size: 1px; margin: 0px auto; width: 100%;\">\n      \u003C/p>\n      \n      \u003C!--[if mso | IE]>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-top:solid 1px #E0E0E0;font-size:1px;margin:0px auto;width:550px;\" role=\"presentation\" width=\"550px\" >\u003Ctr>\u003Ctd style=\"height:0;line-height:0;\">  \n\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n    \n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:120px;\" >\u003C![endif]-->\n            \n      \u003Cdiv class=\"mj-column-per-20 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">Share via\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003Ctd class=\"\" style=\"vertical-align:top;width:480px;\" >\u003C![endif]-->\n            \n      \u003Cdiv class=\"mj-column-per-80 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \n     \u003C!--[if mso | IE]>\u003Ctable align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" >\u003Ctr>\u003Ctd>\u003C![endif]-->\n              \u003Ctable align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"float:none;display:inline-table;\">\n                \u003Ctbody>\n                  \n      \u003Ctr>\n        \u003Ctd style=\"padding:4px;vertical-align:middle;\">\n          \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"background:#3b5998;border-radius:3px;width:20px;\">\n            \u003Ctbody>\n              \u003Ctr>\n                \u003Ctd style=\"font-size:0;height:20px;vertical-align:middle;width:20px;\">\n                  \u003Ca href=\"https://www.facebook.com/sharer/sharer.php?u=https://weekly-vue.news/issues/104\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">\n                    \u003Cimg height=\"20\" src=\"https://www.mailjet.com/images/theme/v1/icons/ico-social/facebook.png\" style=\"border-radius:3px;display:block;\" width=\"20\">\n                  \u003C/a>\n                \u003C/td>\n              \u003C/tr>\n            \u003C/tbody>\n          \u003C/table>\n        \u003C/td>\n        \n          \u003Ctd style=\"vertical-align:middle;padding:4px 4px 4px 0;\">\n            \u003Ca href=\"https://www.facebook.com/sharer/sharer.php?u=https://weekly-vue.news/issues/104\" style=\"color: #333333; font-size: 12px; font-family: NotoSans, Helvetica, sans-serif; line-height: 22px; text-decoration: none;\" target=\"_blank\">\n              Facebook\n            \u003C/a>\n          \u003C/td>\n          \n      \u003C/tr>\n    \n                \u003C/tbody>\n              \u003C/table>\n            \u003C!--[if mso | IE]>\u003C/td>\u003Ctd>\u003C![endif]-->\n              \u003Ctable align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"float:none;display:inline-table;\">\n                \u003Ctbody>\n                  \n      \u003Ctr>\n        \u003Ctd style=\"padding:4px;vertical-align:middle;\">\n          \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"background:#55acee;border-radius:3px;width:20px;\">\n            \u003Ctbody>\n              \u003Ctr>\n                \u003Ctd style=\"font-size:0;height:20px;vertical-align:middle;width:20px;\">\n                  \u003Ca href=\"https://twitter.com/intent/tweet?url=https://weekly-vue.news/issues/104\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">\n                    \u003Cimg height=\"20\" src=\"https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png\" style=\"border-radius:3px;display:block;\" width=\"20\">\n                  \u003C/a>\n                \u003C/td>\n              \u003C/tr>\n            \u003C/tbody>\n          \u003C/table>\n        \u003C/td>\n        \n          \u003Ctd style=\"vertical-align:middle;padding:4px 4px 4px 0;\">\n            \u003Ca href=\"https://twitter.com/intent/tweet?url=https://weekly-vue.news/issues/104\" style=\"color: #333333; font-size: 12px; font-family: NotoSans, Helvetica, sans-serif; line-height: 22px; text-decoration: none;\" target=\"_blank\">\n              Twitter\n            \u003C/a>\n          \u003C/td>\n          \n      \u003C/tr>\n    \n                \u003C/tbody>\n              \u003C/table>\n            \u003C!--[if mso | IE]>\u003C/td>\u003Ctd>\u003C![endif]-->\n              \u003Ctable align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"float:none;display:inline-table;\">\n                \u003Ctbody>\n                  \n      \u003Ctr>\n        \u003Ctd style=\"padding:4px;vertical-align:middle;\">\n          \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"background:#0077b5;border-radius:3px;width:20px;\">\n            \u003Ctbody>\n              \u003Ctr>\n                \u003Ctd style=\"font-size:0;height:20px;vertical-align:middle;width:20px;\">\n                  \u003Ca href=\"https://www.linkedin.com/shareArticle?mini=true&url=https://weekly-vue.news/issues/104&title=&summary=&source=\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">\n                    \u003Cimg height=\"20\" src=\"https://www.mailjet.com/images/theme/v1/icons/ico-social/linkedin.png\" style=\"border-radius:3px;display:block;\" width=\"20\">\n                  \u003C/a>\n                \u003C/td>\n              \u003C/tr>\n            \u003C/tbody>\n          \u003C/table>\n        \u003C/td>\n        \n          \u003Ctd style=\"vertical-align:middle;padding:4px 4px 4px 0;\">\n            \u003Ca href=\"https://www.linkedin.com/shareArticle?mini=true&url=https://weekly-vue.news/issues/104&title=&summary=&source=\" style=\"color: #333333; font-size: 12px; font-family: NotoSans, Helvetica, sans-serif; line-height: 22px; text-decoration: none;\" target=\"_blank\">\n              LinkedIn\n            \u003C/a>\n          \u003C/td>\n          \n      \u003C/tr>\n    \n                \u003C/tbody>\n              \u003C/table>\n            \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n    \n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"center\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cp style=\"border-top: solid 1px #E0E0E0; font-size: 1px; margin: 0px auto; width: 100%;\">\n      \u003C/p>\n      \n      \u003C!--[if mso | IE]>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-top:solid 1px #E0E0E0;font-size:1px;margin:0px auto;width:550px;\" role=\"presentation\" width=\"550px\" >\u003Ctr>\u003Ctd style=\"height:0;line-height:0;\">  \n\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n    \n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv 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%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"center\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:11px;font-weight:300;line-height:24px;text-align:center;color:#9B9B9B;\">\u003Ca href=\"https://weekly-vue.news/unsubscribe?token=UNSUBSCRIBE_TOKEN_PLACEHOLDER\" style=\"color: #42B883; text-decoration: underline;\">Unsubscribe\u003C/a> from this newsletter\u003Cbr>Holzapfelkreuther Str. 19, 81375 Munich, Germany\u003Cbr>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n              \u003Ctr>\n                \u003Ctd align=\"center\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:collapse;border-spacing:0px;\">\n        \u003Ctbody>\n          \u003Ctr>\n            \u003Ctd style=\"width:1px;\">\n              \n      \u003Cimg src=\"https://weekly-vue.news/api/log.gif?issueId=104&email=EMAIL_PLACEHOLDER\" style=\"border:0;display:block;outline:none;text-decoration:none;height:1px;width:100%;font-size:13px;\" width=\"1\" height=\"1\">\n    \n            \u003C/td>\n          \u003C/tr>\n        \u003C/tbody>\n      \u003C/table>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n    \n    \n      \u003C/div>\n    \n  \u003C/body>\n\u003C/html>\n  ",314,104,{"absoluteUrl":15,"relativeUrl":16},"-","og-issue-default.png","2023-07-30T22:00:00.000Z","Weekly Vue News #104 - Split Your SFC into Multiple Files","/issues/104",1,1794479164934]