[{"data":1,"prerenderedAt":21},["ShallowReactive",2],{"$for-7Ee8WMYxy700tJxA0Neg8LwHCbGA2M1ck-J6HPDQ":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},9,151,32,1752,565,"\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/105\" 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 #105\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;\">Emit Event From Composable\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;\">I'm currently working on a Nuxt application which I'll use to write eBooks about Vue and Nuxt. It uses \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fcontent.nuxtjs.org%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">Nuxt Content\u003C/a>\u003C/mj-text>, \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Ftailwindcss.com%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">Tailwind\u003C/a>\u003C/mj-text> and \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.princexml.com%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">Prince\u003C/a>\u003C/mj-text> to generate a PDF of my content written in Markdown. It will be a lot of work, but I'm very excited about it.\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: Emit Event From Composable\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;\">Your application may contain a lot of components that are using the same logic. For example, you may have a lot of components that emit the same event. In this case, it might be tempting to create a composable that will emit this event and is used in all components.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">If you are using Vue 3 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> you define your emits using the \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">defineEmits\u003C/code> compiler macro:\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;\">App.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 highlighted-line\">\n          \u003Ctd class=\"line-number\" bgcolor=\"#363b46\" style=\"padding-right: 10px; padding-left: 10px\">2\u003C/td>\u003Ctd bgcolor=\"#363b46\">\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">emit\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">defineEmits\u003C/span>\u003Cspan style=\"color: #D4D4D4\">([\u003C/span>\u003Cspan style=\"color: #CE9178\">'change'\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, \u003C/span>\u003Cspan style=\"color: #CE9178\">'delete'\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\">\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">script\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;\">\u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">defineEmits\u003C/code> is a compiler macro that is 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> and compiled away when \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> is processed. Thus, we cannot use it inside a composable.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">Let's take a look at three possible solutions to emit an event inside a composable without using \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">defineEmits\u003C/code> inside of it.\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 0px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:20px;font-weight:500;line-height:24px;text-align:left;color:#616161;\">1. Emit from your component\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;\">In general, I would always recommend emitting from your component. This is the most straightforward solution and it is easy to understand what is happening.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">So you would have a composable with some logic, in this example the composable returns a reactive counter variable and a function to increment the counter:\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;\">composable.ts\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: #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>\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\">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: #C586C0\">export\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #DCDCAA\">useEmitOnRefChange\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = () \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\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: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">counter\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\">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: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #DCDCAA\">increment\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = () \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\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\">7\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #9CDCFE\">counter\u003C/span>\u003Cspan style=\"color: #D4D4D4\">.\u003C/span>\u003Cspan style=\"color: #9CDCFE\">value\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\">8\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\">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: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #C586C0\">return\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\">11\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #9CDCFE\">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\">increment\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: #D4D4D4\">};\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;\">In our Vue component, we would watch the counter value and emit the event when the counter changes:\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;\">App.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: #C586C0\">import\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">watch\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>\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\">\u003Cspan style=\"color: #C586C0\">import\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">Emits\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\">'../types'\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: #C586C0\">import\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">useEmitOnRefChange\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\">'../composables/useEmitOnRefChange'\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\">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: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">emit\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">defineEmits\u003C/span>\u003Cspan style=\"color: #D4D4D4\"><\u003C/span>\u003Cspan style=\"color: #4EC9B0\">Emits\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\">7\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\u003C/tr>\n\u003Ctr class=\"line highlighted-line\">\n          \u003Ctd class=\"line-number\" bgcolor=\"#363b46\" style=\"padding-right: 10px; padding-left: 10px\">8\u003C/td>\u003Ctd bgcolor=\"#363b46\">\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #4FC1FF\">counter\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, \u003C/span>\u003Cspan style=\"color: #4FC1FF\">increment\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> } = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">useEmitOnRefChange\u003C/span>\u003Cspan style=\"color: #D4D4D4\">();\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line highlighted-line\">\n          \u003Ctd class=\"line-number\" bgcolor=\"#363b46\" style=\"padding-right: 10px; padding-left: 10px\">9\u003C/td>\u003Ctd bgcolor=\"#363b46\">\u003Cspan style=\"color: #DCDCAA\">watch\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #9CDCFE\">counter\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, (\u003C/span>\u003Cspan style=\"color: #9CDCFE\">newCounter\u003C/span>\u003Cspan style=\"color: #D4D4D4\">) \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> {\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line highlighted-line\">\n          \u003Ctd class=\"line-number\" bgcolor=\"#363b46\" style=\"padding-right: 10px; padding-left: 10px\">10\u003C/td>\u003Ctd bgcolor=\"#363b46\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #DCDCAA\">emit\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #CE9178\">'test'\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, \u003C/span>\u003Cspan style=\"color: #CE9178\">`emit-ref-change-\u003C/span>\u003Cspan style=\"color: #569CD6\">${\u003C/span>\u003Cspan style=\"color: #9CDCFE\">newCounter\u003C/span>\u003Cspan style=\"color: #569CD6\">}\u003C/span>\u003Cspan style=\"color: #CE9178\">`\u003C/span>\u003Cspan style=\"color: #D4D4D4\">);\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line highlighted-line\">\n          \u003Ctd class=\"line-number\" bgcolor=\"#363b46\" style=\"padding-right: 10px; padding-left: 10px\">11\u003C/td>\u003Ctd bgcolor=\"#363b46\">\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: #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\">13\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\">14\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\">15\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">button\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">@click\u003C/span>\u003Cspan style=\"color: #D4D4D4\">=\u003C/span>\u003Cspan style=\"color: #CE9178\">\"increment\"\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\">16\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">      Trigger emit by watching a composable ref\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line \">\n          \u003Ctd class=\"line-number\" bgcolor=\"#1e1e1e\" style=\"padding-right: 10px; padding-left: 10px\">17\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">button\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\">18\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>\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 0px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:20px;font-weight:500;line-height:24px;text-align:left;color:#616161;\">2. Pass emit as a parameter\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;\">Another solution would be to pass the \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">emit\u003C/code> object as an argument to the composable:\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;\">composable.ts\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: #C586C0\">import\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">Emits\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\">'../types'\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\">2\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\u003C/tr>\n\u003Ctr class=\"line highlighted-line\">\n          \u003Ctd class=\"line-number\" bgcolor=\"#363b46\" style=\"padding-right: 10px; padding-left: 10px\">3\u003C/td>\u003Ctd bgcolor=\"#363b46\">\u003Cspan style=\"color: #C586C0\">export\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #DCDCAA\">useEmitParameter\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = (\u003C/span>\u003Cspan style=\"color: #9CDCFE\">emit\u003C/span>\u003Cspan style=\"color: #D4D4D4\">: \u003C/span>\u003Cspan style=\"color: #4EC9B0\">Emits\u003C/span>\u003Cspan style=\"color: #D4D4D4\">) \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\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: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #DCDCAA\">triggerEmit\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = () \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\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\">5\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #DCDCAA\">emit\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #CE9178\">'test'\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, \u003C/span>\u003Cspan style=\"color: #CE9178\">`emit-parameter-\u003C/span>\u003Cspan style=\"color: #569CD6\">${\u003C/span>\u003Cspan style=\"color: #9CDCFE\">Math\u003C/span>\u003Cspan style=\"color: #D4D4D4\">.\u003C/span>\u003Cspan style=\"color: #DCDCAA\">floor\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #9CDCFE\">Math\u003C/span>\u003Cspan style=\"color: #D4D4D4\">.\u003C/span>\u003Cspan style=\"color: #DCDCAA\">random\u003C/span>\u003Cspan style=\"color: #D4D4D4\">() * \u003C/span>\u003Cspan style=\"color: #B5CEA8\">101\u003C/span>\u003Cspan style=\"color: #D4D4D4\">)\u003C/span>\u003Cspan style=\"color: #569CD6\">}\u003C/span>\u003Cspan style=\"color: #CE9178\">`\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\">6\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\">7\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\">8\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #C586C0\">return\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\">9\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #9CDCFE\">triggerEmit\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\">10\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\">11\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">};\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=\"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;\">App.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: #C586C0\">import\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">watch\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>\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\">\u003Cspan style=\"color: #C586C0\">import\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">Emits\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\">'../types'\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: #C586C0\">import\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">useEmitParameter\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\">'../composables/useEmitParameter'\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\">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: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">emit\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">defineEmits\u003C/span>\u003Cspan style=\"color: #D4D4D4\"><\u003C/span>\u003Cspan style=\"color: #4EC9B0\">Emits\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\">7\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\u003C/tr>\n\u003Ctr class=\"line highlighted-line\">\n          \u003Ctd class=\"line-number\" bgcolor=\"#363b46\" style=\"padding-right: 10px; padding-left: 10px\">8\u003C/td>\u003Ctd bgcolor=\"#363b46\">\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #4FC1FF\">triggerEmit\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> } = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">useEmitParameter\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #9CDCFE\">emit\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\">9\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\">10\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\">11\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\">12\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">button\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">@click\u003C/span>\u003Cspan style=\"color: #D4D4D4\">=\u003C/span>\u003Cspan style=\"color: #CE9178\">\"triggerEmitParameter\"\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\">13\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">      Trigger emit from composable with emit as parameter\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: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">button\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\">15\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>\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 0px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:20px;font-weight:500;line-height:24px;text-align:left;color:#616161;\">Use getCurrentInstance\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;\">The last solution is to use the \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">getCurrentInstance\u003C/code> function from Vue to get the \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">emit\u003C/code> object from the current component instance:\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;\">composable.ts\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: #C586C0\">import\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">getCurrentInstance\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>\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\">2\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #C586C0\">import\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">Emits\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\">'../types'\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\">export\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #DCDCAA\">useEmitFromCurrentInstance\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = () \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> {\u003C/span>\u003C/td>\u003C/tr>\n\u003Ctr class=\"line highlighted-line\">\n          \u003Ctd class=\"line-number\" bgcolor=\"#363b46\" style=\"padding-right: 10px; padding-left: 10px\">5\u003C/td>\u003Ctd bgcolor=\"#363b46\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #4FC1FF\">emit\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> }: { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">emit\u003C/span>\u003Cspan style=\"color: #D4D4D4\">: \u003C/span>\u003Cspan style=\"color: #4EC9B0\">Emits\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> } = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">getCurrentInstance\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\">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: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #DCDCAA\">triggerEmit\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = () \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\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\">8\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #DCDCAA\">emit\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #CE9178\">'test'\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, \u003C/span>\u003Cspan style=\"color: #CE9178\">`emit-current-instance-\u003C/span>\u003Cspan style=\"color: #569CD6\">${\u003C/span>\u003Cspan style=\"color: #9CDCFE\">Math\u003C/span>\u003Cspan style=\"color: #D4D4D4\">.\u003C/span>\u003Cspan style=\"color: #DCDCAA\">floor\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #9CDCFE\">Math\u003C/span>\u003Cspan style=\"color: #D4D4D4\">.\u003C/span>\u003Cspan style=\"color: #DCDCAA\">random\u003C/span>\u003Cspan style=\"color: #D4D4D4\">() * \u003C/span>\u003Cspan style=\"color: #B5CEA8\">101\u003C/span>\u003Cspan style=\"color: #D4D4D4\">)\u003C/span>\u003Cspan style=\"color: #569CD6\">}\u003C/span>\u003Cspan style=\"color: #CE9178\">`\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\">9\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\">10\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\">11\u003C/td>\u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #C586C0\">return\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\">triggerEmit\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: #D4D4D4\">};\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;\">\u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">getCurrentInstance\u003C/code> is an undocumented internal API that you should use with caution.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">It was originally \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fgithub.com%2Fvuejs%2Fdocs%2Fpull%2F590&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">documented in October 2020\u003C/a>\u003C/mj-text> but later \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fgithub.com%2Fvuejs%2Fdocs%2Fcommit%2F1ea66dc0e67abe5c518d487218bb7e2d6a5c5324&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">removed in August 2021\u003C/a>\u003C/mj-text>.\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:10px 25px 0px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:20px;font-weight:500;line-height:24px;text-align:left;color:#616161;\">StackBlitz Demo\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;\">All three solutions are implemented in this StackBlitz demo:\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%2Fvue-tip-emit-event-from-composable&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: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-harder-than-they-have.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%2Fmedium.com%2Fsimform-engineering%2Fa-comprehensive-vue-2-to-vue-3-migration-guide-a00501bbc3f0&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 Comprehensive Vue 2 to Vue 3 Migration Guide \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This article takes you through the seamless transition from Vue 2 to Vue 3.\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 It also covers how to handle the deprecated and eliminated parts during the migration process. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fmedium.com%2Fsimform-engineering%2Fa-comprehensive-vue-2-to-vue-3-migration-guide-a00501bbc3f0&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">medium.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%2Fvenkata-sandeep-takasi.hashnode.dev%2Fmastering-internationalization-a-guide-to-localization-in-vue-apps-with-vue-i18n&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;\">📕 Mastering Internationalization: A Guide to Localization in Vue Apps with Vue I18n \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This article guides you through concepts of localization using Vue I18n\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 It also shows how to implement useful features like lazy loading locales\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fvenkata-sandeep-takasi.hashnode.dev%2Fmastering-internationalization-a-guide-to-localization-in-vue-apps-with-vue-i18n&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">venkata-sandeep-takasi.hashnode.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%2Flogrocket%2Fvue-3-for-react-developers-side-by-side-comparison-with-demos-6f7&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;\">📕 Vue 3 for React developers: Side-by-side comparison with demos \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 The goal of this article is to offer React developers a quick introduction to Vue development. \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%2Flogrocket%2Fvue-3-for-react-developers-side-by-side-comparison-with-demos-6f7&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%2Fwww.vuemastery.com%2Fblog%2Fapi-management-in-nuxt-3-with-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;\">📕  API Management in Nuxt 3 with TypeScript \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 Within a large Nuxt application, it’s common to work with a bunch of data, consumed from numerous APIs.\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 The repository design pattern can help to handle your API neatly and efficiently.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.vuemastery.com%2Fblog%2Fapi-management-in-nuxt-3-with-typescript%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">www.vuemastery.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.vuemastery.com%2Fblog%2Fbuilding-a-3d-scene-in-nuxt-with-tresjs%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;\">📕 Building a 3D Scene in Nuxt with TresJS \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 In this guide, you’ll explore how to build a 3D scene in a Nuxt 3 app using TresJS using the official Nuxt Module. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.vuemastery.com%2Fblog%2Fbuilding-a-3d-scene-in-nuxt-with-tresjs%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">www.vuemastery.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.radix-vue.com%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;\">🛠️ Radix Vue \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 Radix Vue is a Vue port of Radix UI.\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 Unstyled, accessible components for building high‑quality design systems and web apps in Vue. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.radix-vue.com%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">www.radix-vue.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/105/debugging.png\" style=\"border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" title=\"Bathroom Debugging\" 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%2Flevelup.gitconnected.com%2Fhow-to-avoid-pitfalls-when-choosing-your-stack-982e90d0972&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 Choose Your Stack Rationally \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This article explores various factors to consider when choosing your stack. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Flevelup.gitconnected.com%2Fhow-to-avoid-pitfalls-when-choosing-your-stack-982e90d0972&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">levelup.gitconnected.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.freecodecamp.org%2Fnews%2Fregular-expressions-for-javascript-developers%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 Regular Expressions Book \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 If you want to master regular expressions and understand how they work in JavaScript, this book's for you.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.freecodecamp.org%2Fnews%2Fregular-expressions-for-javascript-developers%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">www.freecodecamp.org\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.totaltypescript.com%2Ftype-vs-interface-which-should-you-use&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;\">📕 Type vs Interface: Which Should You Use In 2023? \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 \"The TS team recommend you go with personal preference, but default to 'interface'.\"\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 Matt agrees \"except that declaration merging should feel scary enough for you to default to 'type'. \"\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.totaltypescript.com%2Ftype-vs-interface-which-should-you-use&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">www.totaltypescript.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%2Fgithub.com%2Fgoldbergyoni%2Fnodebestpractices&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;\">📕 Node.js Best Practices in 2023 \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This repository is a summary and curation of the top-ranked content on Node.js best practices.\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 It presents more than 80 best practices, style guides and architectural tips.\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%2Fgoldbergyoni%2Fnodebestpractices&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%2Fkysely.dev%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;\">🛠️ Kysely \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 The type-safe SQL query builder for TypeScript \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fkysely.dev%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">kysely.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=\"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/105\" 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/105\" 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/105\" 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/105\" 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/105\" 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/105&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/105&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=105&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  ",317,105,{"absoluteUrl":15,"relativeUrl":16},"-","og-issue-default.png","2023-08-06T22:00:00.000Z","Weekly Vue News #105 - Emit Event From Composable","/issues/105",1,1794479164911]