[{"data":1,"prerenderedAt":21},["ShallowReactive",2],{"$f6ZxHUGqhASmMbHB4vo4XvVzhXrbkcjsoa806i_fyQoI":3},{"issue":4},{"analytics":5,"html":11,"issueId":12,"issueNumber":13,"ogImage":14,"publishedAt":17,"title":18,"url":19,"version":20},{"clickRate":6,"clicks":7,"openRate":8,"sent":9,"views":10},8,143,35,1874,655,"\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/109\" 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 #109\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;\">Simple State Management With Composition API\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;\">This issue is packed full of great content 💪🏻.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">I share an interesting Vue tip on how you can create simple state management solution with Composition API.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">Additionally, you get a curated list of Vue, Nuxt and web development related articles and tools.\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: Simple State Management With Composition API\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;\">You might think that you need a state management library like \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fpinia.vuejs.org%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">Pinia\u003C/a>\u003C/mj-text> to manage your state, but that's not always the case.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">If you have a small application that only needs to share state between a few components, you can use the \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fvuejs.org%2Fguide%2Fintroduction.html%23api-styles&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">Composition API\u003C/a>\u003C/mj-text> to create a simple state management solution.\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;\">Build a Simple State Management Solution\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;\">Let me show you how you can build a simple state management solution with the Composition API which contains state, mutations/actions, and getters.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">Let's start by defining the state using a \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">reactive\u003C/code> object inside a \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">useState.ts\u003C/code> 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;\">useState.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 highlighted-line\">\n          \u003Ctd class=\"line-number\" bgcolor=\"#363b46\" style=\"padding-right: 10px; padding-left: 10px\">1\u003C/td>\u003Ctd bgcolor=\"#363b46\">\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">state\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">reactive\u003C/span>\u003Cspan style=\"color: #D4D4D4\">({ \u003C/span>\u003Cspan style=\"color: #9CDCFE\">counter:\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\">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\">useState\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: #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\">5\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;\">By lifting the state outside the composable function, it can be shared between multiple components. Read more at \u003Cmj-text>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=%2Fvue-tips%2Fshare-composable-state-across-components&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">\"Share Composable State Across Components\"\u003C/a>\u003C/mj-text>.\u003C/p>\u003Cp style=\"margin: 8px 0px;\">Next, we need to define the mutations/actions that can update the state. All we need to do is to add a function that updates the state:\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;\">useState.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: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">state\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">reactive\u003C/span>\u003Cspan style=\"color: #D4D4D4\">({ \u003C/span>\u003Cspan style=\"color: #9CDCFE\">counter:\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\">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\">useState\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\">4\u003C/td>\u003Ctd bgcolor=\"#363b46\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #569CD6\">function\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #DCDCAA\">setCounter\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #9CDCFE\">value\u003C/span>\u003Cspan style=\"color: #D4D4D4\">: \u003C/span>\u003Cspan style=\"color: #4EC9B0\">number\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: #9CDCFE\">state\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\">value\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\">6\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\">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>\u003Cspan style=\"color: #9CDCFE\">setCounter\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>\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;\">For a getter, we can simply return the state:\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;\">useState.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: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">state\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">reactive\u003C/span>\u003Cspan style=\"color: #D4D4D4\">({ \u003C/span>\u003Cspan style=\"color: #9CDCFE\">counter:\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\">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\">useState\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\">4\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\">count\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">computed\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(() \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">state\u003C/span>\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 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\">doubleCount\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">computed\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(() \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">state\u003C/span>\u003Cspan style=\"color: #D4D4D4\">.\u003C/span>\u003Cspan style=\"color: #9CDCFE\">counter\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> * \u003C/span>\u003Cspan style=\"color: #B5CEA8\">2\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: #C586C0\">return\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> { \u003C/span>\u003Cspan style=\"color: #9CDCFE\">count\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, \u003C/span>\u003Cspan style=\"color: #9CDCFE\">doubleCount\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>\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:#DAE7FF;border-radius:10px;vertical-align:top;padding:0px 0px;\">\n              \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#007bff;\">\u003Cp style=\"margin: 8px 0px;\">Make sure to only return read-only state from your composable. A computed property is read-only by default but you can also use the \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fvuejs.org%2Fapi%2Freactivity-core.html%23readonly&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">readonly\u003C/a>\u003C/mj-text> function provided by Vue.\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;\">Why Pinia?\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;\">You might wonder why you should use a store library like Pinia if you could just use the Composition API to build a simple state management solution. The answer is provided in \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fpinia.vuejs.org%2Fintroduction.html%23Why-should-I-use-Pinia-&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none;\">Pinia documentation\u003C/a>\u003C/mj-text> and here are some of the reasons. Pinia provides:\u003C/p>\u003Cul>\u003Cli>Devtools support\u003C/li>\u003Cli>Hot module replacement\u003C/li>\u003Cli>Plugins: extend Pinia features with plugins\u003C/li>\u003Cli>Proper TypeScript support or autocompletion for JS users\u003C/li>\u003Cli>Server Side Rendering (SSR) Support\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: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\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;\">You can try our simple state management solution in the following StackBlitz:\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-state-management-composition-api&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-lines-spent.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%2Fnuxtnation.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;\">📅 Nuxt Nation Conference\u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 Free conference on October 18th, 2023 to October 19th, 2023.\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 Join 21,000 fellow Nuxt & Vue Developers to learn everything Nuxt offers in 2023.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fnuxtnation.com%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">nuxtnation.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%2Flevelup.gitconnected.com%2Fchoosing-between-vue-js-and-nuxt-js-the-development-dilemma-b7fba6a66a62&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;\">📕 Choosing Between Vue.js and Nuxt.js: The Development Dilemma\u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 The choice between Vue.js and Nuxt.js hinges on a variety of factors and considerations.\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 This article delves into these factors and considerations.\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%2Fchoosing-between-vue-js-and-nuxt-js-the-development-dilemma-b7fba6a66a62&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%2Fvueschool.io%2Farticles%2Fvuejs-tutorials%2Fdebugging-magic-with-vue-devtools%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;\">📕 Debugging Magic with Vue Devtools \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This article dives into how to effectively use Vue Devtools to make debugging easier. \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 Vue Devtools is a powerful debugging tool that can debug components, states, events, props, routes, and more \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fvueschool.io%2Farticles%2Fvuejs-tutorials%2Fdebugging-magic-with-vue-devtools%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">vueschool.io\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fdev.to%2Fjacobandrewsky%2Fimproving-performance-of-nuxt-with-nuxtimage-1ai0&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"color: #42B883; text-decoration: none; font-size: 18px; font-weight: 400; margin-bottom: 5px;\">📕 Improving Performance of Nuxt with NuxtImage\u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 A tutorial about using Nuxt Image to deliver optimized images in Nuxt.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fdev.to%2Fjacobandrewsky%2Fimproving-performance-of-nuxt-with-nuxtimage-1ai0&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%2Fmasteringpinia.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;\">🎓 Mastering Pinia\u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 An in-depth online course led by Eduardo San Martin Morote, the creator of Pinia.\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 Join the waitlist to gain early acces on release.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fmasteringpinia.com%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">masteringpinia.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.berryjam.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;\">🛠️ Berryjam (Alpha)\u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 A free tool to analyze your Vue.js component usage.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.berryjam.dev%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">www.berryjam.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: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/109/software-developers.png\" style=\"border:0;border-radius:10px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" title=\"Frontend Developers\" 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%2Fweb.dev%2Fta-what-to-test%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;\">📕  To test or not to test, a technical perspective \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This article answers the age-old question of what to test vs. what not to test. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fweb.dev%2Fta-what-to-test%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">web.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%2Fengineering.leanix.net%2Fblog%2Ftypescript-generics-advanced-function-types%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;\">📕 TypeScript’s Generics and Advanced Function Types \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This post will guide you on a journey through some advanced TypeScript features like Generics and Advanced Function Types.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fengineering.leanix.net%2Fblog%2Ftypescript-generics-advanced-function-types%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">engineering.leanix.net\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%2Fblog.openreplay.com%2Fcreate-a-ci-cd-pipeline-for-front-end-projects%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;\">📕 Create a CI/CD pipeline for frontend projects \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 Automating the testing and deployment of your apps is mandatory to avoid wasting time or making mistakes. \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 This article will show you how to go about achieving this goal. \u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fblog.openreplay.com%2Fcreate-a-ci-cd-pipeline-for-front-end-projects%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">blog.openreplay.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%2Fdropbox.tech%2Ffrontend%2Fhow-we-reduced-the-size-of-our-javascript-bundles-by-33-percent&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 we reduced the size of our JavaScript bundles by 33% \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 Dropbox reduced its JavaScript bundles by 33% by replacing its outdated module bundler with Rollup. \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 The existing system led to large bundle sizes and performance issues.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fdropbox.tech%2Ffrontend%2Fhow-we-reduced-the-size-of-our-javascript-bundles-by-33-percent&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">dropbox.tech\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.justinjoyce.dev%2Fgit-tips-and-tricks%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;\">📕 Git Tips And Tricks \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This post contains some of the tips, tricks, and configurations to make our life easier day-to-day.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.justinjoyce.dev%2Fgit-tips-and-tricks%2F&token=VERIFICATION_TOKEN_PLACEHOLDER&issueId=ISSUE_ID_PLACEHOLDER\" target=\"_blank\" style=\"font-size: 12px; color: #4a5568; text-decoration: none;\">www.justinjoyce.dev\u003C/a>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/div>\n    \n          \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003C![endif]-->\n              \u003C/td>\n            \u003C/tr>\n          \u003C/tbody>\n        \u003C/table>\n        \n      \u003C/div>\n    \n      \n      \u003C!--[if mso | IE]>\u003C/td>\u003C/tr>\u003C/table>\u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" role=\"presentation\" style=\"width:600px;\" width=\"600\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\">\n          \u003Ctbody>\n            \u003Ctr>\n              \u003Ctd style=\"direction:ltr;font-size:0px;padding:0px;text-align:center;\">\n                \u003C!--[if mso | IE]>\u003Ctable role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\u003Ctr>\u003Ctd class=\"\" style=\"vertical-align:top;width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\">\n        \n      \u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\">\n        \u003Ctbody>\n          \n              \u003Ctr>\n                \u003Ctd align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\">\n                  \n      \u003Cdiv style=\"font-family:NotoSans, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#616161;\">\u003Ca href=\"https://weekly-vue.news/api/track-click?linkUrl=https%3A%2F%2Fwww.freecodecamp.org%2Fnews%2Fjavascript-promises-async-await-and-promise-methods%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;\">📕 How to Use JavaScript Promises\u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 JavaScript is famously an asynchronous programming language.\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 In this tutorial, you will learn everything you need to know about using promises and async/await in JavaScript. \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%2Fjavascript-promises-async-await-and-promise-methods%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%2Fgithub.com%2Fplbrault%2Fyoure-the-os&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;\">🎮 You're the OS\u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This is a game where you are the operating system of a computer. \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 As such, you have to manage processes, memory and I/O events. \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 Play it here: https://plbrault.github.io/youre-the-os \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%2Fplbrault%2Fyoure-the-os&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%2Fgithub.com%2Fsmol-ai%2FGodMode%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;\">🛠️ GodMode \u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 GodMode is an AI chat browser. \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 It allows you to chat with ChatGPT, Claude, Bard, Bing, and Llama2 all at the same time. \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%2Fsmol-ai%2FGodMode%2F&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%2Fgithub.com%2FJoshuaKGoldberg%2FTypeStat&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;\">🛠️ TypeStat\u003C/a>\u003Cspan style=\"font-size:16px;padding:0;margin:0;\">\u003Ctable>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 TypeStat converts JavaScript into TypeScript and modifies TypeScript types in existing code. \u003C/td>\u003C/tr>\n  \u003Ctr>\u003Ctd>👉🏻 It can add and remove types without changing runtime behavior. \u003C/td>\u003C/tr>\u003Ctr>\u003Ctd>👉🏻 It can also infer types and annotate missing nulls and undefineds. \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%2FJoshuaKGoldberg%2FTypeStat&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=\"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/109\" 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/109\" 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/109\" 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/109\" 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/109\" 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/109&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/109&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=109&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  ",342,109,{"absoluteUrl":15,"relativeUrl":16},"-","og-issue-default.png","2023-09-03T22:00:00.000Z","Weekly Vue News #109 - Simple State Management With Composition API","/issues/109",1,1794336749856]