[{"data":1,"prerenderedAt":19},["ShallowReactive",2],{"$fwQPhoYYjmpe37-TicmPcxoJnvHeKPiy0Qz4--xDa-fQ":3},{"issue":4},{"analytics":5,"html":10,"issueId":11,"issueNumber":12,"ogImage":13,"publishedAt":16,"title":17,"url":18,"version":7},{"clickRate":6,"clicks":7,"openRate":6,"sent":8,"views":9},0,1,741,2,"\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>\n      \n    \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-px-200 { width:200px !important; max-width: 200px; }\n.mj-column-per-100 { width:100% !important; max-width: 100%; }\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      }\n    \u003C/style>\n    \u003Cstyle media=\"screen and (min-width:480px)\">\n      .moz-text-html .mj-column-px-200 { width:200px !important; max-width: 200px; }\n.moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }\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    \u003C/style>\n    \n  \n    \u003Cstyle type=\"text/css\">\n    \n    \n\n    @media only screen and (max-width:480px) {\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: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: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">\n          \n      \u003Cimg height=\"auto\" src=\"https://res.cloudinary.com/mokkapps/image/upload/v1674901120/weekly-vue.news/Weekly_Vue_News_Sticker_bbv7g5.png\" style=\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" width=\"150\">\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=\"\" >\u003C![endif]-->\n            \n      \u003Cdiv style=\"height:25px;line-height:25px;\"> \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 #78\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>Use Setup Stores in Pinia for More Flexibility\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=\"\" >\u003C![endif]-->\n            \n      \u003Cdiv style=\"height:20px;line-height:20px;\"> \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: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">\n          \n      \u003Cimg height=\"auto\" src=\"https://res.cloudinary.com/mokkapps/image/upload/v1670613615/website/profile-pic_copy_f2zwnt.png\" style=\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" width=\"65\">\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: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; 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: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">\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: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">\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: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">\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: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">\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: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">\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: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/78\" target=\"_blank\" style=\"text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; color: black;\">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: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>Hi 👋\u003C/p>\u003Cp>Don't panic. This is still the same newsletter, I'm still me. I just updated the design to make it sleeker and easier to read!\u003C/p>\u003Cp>I now use \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://mjml.io/\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">mjml\u003C/a>\u003C/mj-text> in combination with \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://content.nuxtjs.org/\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">Nuxt Content\u003C/a>\u003C/mj-text> which works like a charm.\u003C/p>\u003Cp>Maybe you still have some styling problems with the code blocks but everything else should now look quite good on all email clients. If you still encounter any issues, please \u003Cmj-text>\u003Ca href=\"mailto:info@weekly-vue.news?subject=Problem%20with%20issue%20#78\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">send me an email\u003C/a>\u003C/mj-text>.\u003C/p>\u003Cp>Thanks to 700+ subscribers and welcome to all the new subscribers. Only about 300 left until we reach the big milestone of \u003Cstrong>1000\u003C/strong> subscribers 😮\u003C/p>\u003Cp>I enjoyed last week's \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://vuejsnation.com/\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">Vue.js Nation Conference\u003C/a>\u003C/mj-text>, I hope you also enjoyed it and watched my lightning talk.\u003C/p>\u003Cp>For me, these were the most important announcements:\u003C/p>\u003Cul>\u003Cli>Vue will not officially support \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://vuejs.org/guide/extras/reactivity-transform.html\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">Reactivity Transform\u003C/a>\u003C/mj-text> but you can use the functionality by using plugins.\u003C/li>\u003Cli>VueSchool partnered with Vue.js organization to offer an \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://certification.vuejs.org/\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">official Vue.js Certification\u003C/a>\u003C/mj-text>. Status is \"coming soon\".\u003C/li>\u003C/ul>\u003Cp>Have a nice 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: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:#3fb983;\">Pinia Tip: Use Setup Stores for More Flexibility\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=\"width:600px;\" >\u003C![endif]-->\n            \n      \u003Cdiv class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;\">\n        \u003C!--[if mso | IE]>\u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" >\u003Ctr>\u003Ctd 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:15%;\">\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:40px;\">\n              \n      \u003Cimg height=\"auto\" src=\"https://res.cloudinary.com/mokkapps/image/upload/v1673688203/weekly-vue.news/tmhhl3lypy7vr4shgyfb.png\" style=\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" width=\"40\">\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 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:85%;\">\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:15px;padding-left:0;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://youtu.be/WgQreewXG9M\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\"> Watch on YouTube \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/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>Besides \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://pinia.vuejs.org/core-concepts/#option-stores\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">Option Stores\u003C/a>\u003C/mj-text> you can also use \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://pinia.vuejs.org/core-concepts/#setup-stores\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">Setup Stores\u003C/a>\u003C/mj-text> to define stores in Pinia. They bring more flexibility as you can create watchers within a store and freely use any \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://vuejs.org/guide/reusability/composables.html#composables\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">composable\u003C/a>\u003C/mj-text>.\u003C/p>\u003Ch4 id=\"defining-setup-store\">Defining Setup Store\u003C/h4>\u003Cp>Just like the \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://vuejs.org/api/composition-api-setup.html\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">setup function\u003C/a>\u003C/mj-text> in the Vue Composition API, a function that sets up reactive properties and methods can be passed, which will return an object containing the properties and methods that should be made available:\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:300;line-height:24px;text-align:left;color:#616161;\">\u003Cdiv class=\"code\">\u003Cpre tabindex=\"1\" class=\"shiki \" style=\"background-color: #1E1E1E\">\u003Ccode class=\"undefined\" style=\"undefined\">\u003Cdiv style=\"padding: 10px\">\u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" bgcolor=\"#1e1e1e\">\u003Ctbody>\u003Ctr class=\"line \">\n    \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: #4FC1FF\">useCounterStore\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">defineStore\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #CE9178\">'counter'\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, () \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> {\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">count\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">ref\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #B5CEA8\">0\u003C/span>\u003Cspan style=\"color: #D4D4D4\">)\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">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\">count\u003C/span>\u003Cspan style=\"color: #D4D4D4\">.\u003C/span>\u003Cspan style=\"color: #9CDCFE\">value\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> * \u003C/span>\u003Cspan style=\"color: #B5CEA8\">2\u003C/span>\u003Cspan style=\"color: #D4D4D4\">)\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #569CD6\">function\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #DCDCAA\">increment\u003C/span>\u003Cspan style=\"color: #D4D4D4\">() {\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">      \u003C/span>\u003Cspan style=\"color: #9CDCFE\">count\u003C/span>\u003Cspan style=\"color: #D4D4D4\">.\u003C/span>\u003Cspan style=\"color: #9CDCFE\">value\u003C/span>\u003Cspan style=\"color: #D4D4D4\">++\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    }\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \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>\u003Cspan style=\"color: #9CDCFE\">increment\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> }\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">  })\u003C/span>\u003C/td>\n    \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>In Setup Stores:\u003C/p>\u003Cul>\u003Cli>\u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">ref()\u003C/code>s become \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">state\u003C/code> properties\u003C/li>\u003Cli>\u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">computed()\u003C/code>s become \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">getters\u003C/code>\u003C/li>\u003Cli>\u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">function()\u003C/code>s become \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">actions\u003C/code>\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=\"\" >\u003C![endif]-->\n            \n      \u003Cdiv style=\"height:10px;line-height:10px;\"> \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\" bgcolor=\"#007BFF19\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"background:#007BFF19;background-color:#007BFF19;margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"background:#007BFF19;background-color:#007BFF19;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:#007bff;\">\u003Cp>When it comes to Vue's Composition API and Options API, select the one that you are most familiar with. If you are uncertain, start with the \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://pinia.vuejs.org/core-concepts/#option-stores\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">Option Stores\u003C/a>\u003C/mj-text>.\u003C/p>\u003C/div>\n    \n                \u003C/td>\n              \u003C/tr>\n            \n        \u003C/tbody>\n      \u003C/table>\n    \n      \u003C/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=\"\" >\u003C![endif]-->\n            \n      \u003Cdiv style=\"height:20px;line-height:20px;\"> \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;\">\u003Ch4 id=\"using-setup-store\">Using Setup Store\u003C/h4>\u003Cp>At this point, we only \u003Cstrong>defined\u003C/strong> the store but it won't be \u003Cstrong>created\u003C/strong> until \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">use...Store()\u003C/code> is called inside of \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">setup()\u003C/code>:\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:300;line-height:24px;text-align:left;color:#616161;\">\u003Cdiv class=\"code\">\u003Cpre tabindex=\"1\" class=\"shiki \" style=\"background-color: #1E1E1E\">\u003Ccode class=\"undefined\" style=\"undefined\">\u003Cdiv style=\"padding: 10px\">\u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" bgcolor=\"#1e1e1e\">\u003Ctbody>\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">script\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">setup\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">store\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">useCounterStore\u003C/span>\u003Cspan style=\"color: #D4D4D4\">()\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">script\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">template\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">span\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003Cspan style=\"color: #D4D4D4\">Counter: {{ store.count }}\u003C/span>\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">span\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">span\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003Cspan style=\"color: #D4D4D4\">Double Count: {{ store.doubleCount }}\u003C/span>\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">span\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #808080\"><\u003C/span>\u003Cspan style=\"color: #569CD6\">button\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #9CDCFE\">@click\u003C/span>\u003Cspan style=\"color: #D4D4D4\">=\u003C/span>\u003Cspan style=\"color: #CE9178\">\"store.increment\"\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003Cspan style=\"color: #D4D4D4\">Increment\u003C/span>\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">button\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #808080\"></\u003C/span>\u003Cspan style=\"color: #569CD6\">template\u003C/span>\u003Cspan style=\"color: #808080\">>\u003C/span>\u003C/td>\n    \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=\"\" >\u003C![endif]-->\n            \n      \u003Cdiv style=\"height:10px;line-height:10px;\"> \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\" bgcolor=\"#007BFF19\" >\u003Ctr>\u003Ctd style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\u003C![endif]-->\n    \n      \n      \u003Cdiv style=\"background:#007BFF19;background-color:#007BFF19;margin:0px auto;max-width:600px;\">\n        \n        \u003Ctable align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"background:#007BFF19;background-color:#007BFF19;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:#007bff;\">\u003Cp>The \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">store\u003C/code> object has been wrapped with \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">reactive\u003C/code>, so there is no need to include \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">.value\u003C/code> when using getters, but similar to \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">props\u003C/code> in \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">setup\u003C/code>, it cannot be destructured. You need to use \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">storeToRefs()\u003C/code> to destructure while keeping reactivity.\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=\"\" >\u003C![endif]-->\n            \n      \u003Cdiv style=\"height:20px;line-height:20px;\"> \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;\">\u003Ch4 id=\"bonus-tip\">Bonus Tip\u003C/h4>\u003Cp>You can use composables that return writable state like \u003Cmj-text rel=\"nofollow\">\u003Ca href=\"https://vueuse.org/core/uselocalstorage/#uselocalstorage\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">VueUse useLocalStorage()\u003C/a>\u003C/mj-text> directly within the \u003Ccode style=\"background-color:#f1f1f1;color:#466581;padding:0.25rem 0.5rem;margin:0;font-size:0.85em;border-radius:3px;\">state()\u003C/code> function:\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:300;line-height:24px;text-align:left;color:#616161;\">\u003Cdiv class=\"code\">\u003Cpre tabindex=\"1\" class=\"shiki \" style=\"background-color: #1E1E1E\">\u003Ccode class=\"undefined\" style=\"undefined\">\u003Cdiv style=\"padding: 10px\">\u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" bgcolor=\"#1e1e1e\">\u003Ctbody>\u003Ctr class=\"line \">\n    \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: #4FC1FF\">useCounterStore\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">defineStore\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #CE9178\">'counter'\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, () \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> {\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #569CD6\">const\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #4FC1FF\">counterInfo\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">useLocalStorage\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #CE9178\">'counterInfo'\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, \u003C/span>\u003Cspan style=\"color: #569CD6\">null\u003C/span>\u003Cspan style=\"color: #D4D4D4\">)\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \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\">counterInfo\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> }\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">})\u003C/span>\u003C/td>\n    \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>The same example using Option Store:\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:300;line-height:24px;text-align:left;color:#616161;\">\u003Cdiv class=\"code\">\u003Cpre tabindex=\"1\" class=\"shiki \" style=\"background-color: #1E1E1E\">\u003Ccode class=\"undefined\" style=\"undefined\">\u003Cdiv style=\"padding: 10px\">\u003Ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" bgcolor=\"#1e1e1e\">\u003Ctbody>\u003Ctr class=\"line \">\n    \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: #4FC1FF\">useCounterStore\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> = \u003C/span>\u003Cspan style=\"color: #DCDCAA\">defineStore\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #CE9178\">'counter'\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, () \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> {\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">  \u003C/span>\u003Cspan style=\"color: #C8C8C8\">state\u003C/span>\u003Cspan style=\"color: #D4D4D4\">: () \u003C/span>\u003Cspan style=\"color: #569CD6\">=>\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> ({\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #6A9955\">// ...\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">    \u003C/span>\u003Cspan style=\"color: #9CDCFE\">counterInfo:\u003C/span>\u003Cspan style=\"color: #D4D4D4\"> \u003C/span>\u003Cspan style=\"color: #DCDCAA\">useLocalStorage\u003C/span>\u003Cspan style=\"color: #D4D4D4\">(\u003C/span>\u003Cspan style=\"color: #CE9178\">'counterInfo'\u003C/span>\u003Cspan style=\"color: #D4D4D4\">, \u003C/span>\u003Cspan style=\"color: #569CD6\">null\u003C/span>\u003Cspan style=\"color: #D4D4D4\">),\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">  })\u003C/span>\u003C/td>\n    \u003C/tr>\n\u003Ctr class=\"line \">\n    \u003Ctd bgcolor=\"#1e1e1e\">\u003Cspan style=\"color: #D4D4D4\">})\u003C/span>\u003C/td>\n    \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: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:#3fb983;\">Curated Vue 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://vueschool.io/articles/news/six-vue-js-events-you-should-know-about-in-2023/\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\" data-v-a052533c>📕 Six Vue.js Events you Should Know About in 2023\u003C/a>\u003Cspan style=\"font-size:14px;padding:0;margin:0;\" data-v-a052533c>\u003Cp data-v-a052533c-s>👉🏻 Check out Vue School's list of must-attend Vue.js events for 2023.\u003C/p>\u003C/span>\u003Ca href=\"https://vueschool.io/articles/news/six-vue-js-events-you-should-know-about-in-2023/\" style=\"text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; font-size: 10px; color: #4a5568; text-decoration: none;\" data-v-a052533c>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://dev.to/koutsskeleton-loader-using-vue-tailwind-422a\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\" data-v-a052533c>📕 10 Mistakes to Avoid When Starting with Vue 3\u003C/a>\u003Cspan style=\"font-size:14px;padding:0;margin:0;\" data-v-a052533c>\u003Ctable data-v-a052533c-s>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 Using the Reactive Helper for Declaring Primitives\u003C/td>\u003C/tr>\n  \u003Ctr>\u003Ctd>👉🏻 Destructing a Reactive value\u003C/td>\u003C/tr>\n  \u003Ctr>\u003Ctd>👉🏻 Getting Confused with .value\u003C/td>\u003C/tr>\n  \u003Ctr>\u003Ctd>👉🏻 and more...\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://dev.to/koutsskeleton-loader-using-vue-tailwind-422a\" style=\"text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; font-size: 10px; color: #4a5568; text-decoration: none;\" data-v-a052533c>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://dev.to/kouts/skeleton-loader-using-vue-tailwind-422a\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\" data-v-a052533c>📕 Skeleton Loader using Vue & Tailwind\u003C/a>\u003Cspan style=\"font-size:14px;padding:0;margin:0;\" data-v-a052533c>\u003Ctable data-v-a052533c-s>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 A skeleton loader is a great way to improve our app's user experience. \u003C/td>\u003C/tr>\n  \u003Ctr>\u003Ctd>👉🏻 Giannis shows us how we can create a skeleton loader component that includes an animated \"shimmer\" effect.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://dev.to/kouts/skeleton-loader-using-vue-tailwind-422a\" style=\"text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; font-size: 10px; color: #4a5568; text-decoration: none;\" data-v-a052533c>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: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:#3fb983;\">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:400px;\" class=\"mj-full-width-mobile\">\n              \n      \u003Cimg height=\"auto\" src=\"https://res.cloudinary.com/mokkapps/image/upload//v1674724049/weekly-vue.news/jxmx3ygi2qxrjmw9f8rj\" style=\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" title=\"Quote of the week\" width=\"400\">\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:#3fb983;\">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://www.freecodecamp.org/news/learn-tailwind-css/\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\" data-v-a052533c>📹 Learn Tailwind CSS\u003C/a>\u003Cspan style=\"font-size:14px;padding:0;margin:0;\" data-v-a052533c>\u003Ctable data-v-a052533c-s>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 This beginner's course will teach you how to harness Tailwind's power.\u003C/td>\u003C/tr>\n  \u003Ctr>\u003Ctd>👉🏻 Tailwind CSS has quickly become one of the most popular Responsive Design frameworks for coding new projects.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://www.freecodecamp.org/news/learn-tailwind-css/\" style=\"text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; font-size: 10px; color: #4a5568; text-decoration: none;\" data-v-a052533c>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://trpc.io/blog/typescript-performance-lessons\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\" data-v-a052533c>📕 TypeScript performance lessons\u003C/a>\u003Cspan style=\"font-size:14px;padding:0;margin:0;\" data-v-a052533c>\u003Cp data-v-a052533c-s>👉🏻 Sachin Raja (a tRPC maintainer) wrote about some TypeScript performance lessons the tRPC team encountered while refactoring for their v10 release.\u003C/p>\u003C/span>\u003Ca href=\"https://trpc.io/blog/typescript-performance-lessons\" style=\"text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; font-size: 10px; color: #4a5568; text-decoration: none;\" data-v-a052533c>trpc.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://stackoverflow.blog/2022/12/26/why-the-number-input-is-the-worst-input/\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\" data-v-a052533c>📕 Why the number input is the worst input\u003C/a>\u003Cspan style=\"font-size:14px;padding:0;margin:0;\" data-v-a052533c>\u003Ctable data-v-a052533c-s>\n  \u003Ctbody>\u003Ctr>\u003Ctd>👉🏻 Think that web form has got your number? \u003C/td>\u003C/tr>\n  \u003Ctr>\u003Ctd>👉🏻 If you used input type=“number”, you may be surprised to find that it doesn't.\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003C/span>\u003Ca href=\"https://stackoverflow.blog/2022/12/26/why-the-number-input-is-the-worst-input/\" style=\"text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; font-size: 10px; color: #4a5568; text-decoration: none;\" data-v-a052533c>stackoverflow.blog\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://blog.janestreet.com/the-joy-of-expect-tests/\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\" data-v-a052533c>📕 What if writing tests was a joyful experience?\u003C/a>\u003Cspan style=\"font-size:14px;padding:0;margin:0;\" data-v-a052533c>\u003Cp data-v-a052533c-s>👉🏻 \"I hope this post encourages more people to try the “snapshot” style of testing.\"\u003C/p>\u003C/span>\u003Ca href=\"https://blog.janestreet.com/the-joy-of-expect-tests/\" style=\"text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; font-size: 10px; color: #4a5568; text-decoration: none;\" data-v-a052533c>blog.janestreet.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://github.com/antfu/ni\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\" data-v-a052533c>🛠️ ni\u003C/a>\u003Cspan style=\"font-size:14px;padding:0;margin:0;\" data-v-a052533c>\u003Cp data-v-a052533c-s>👉🏻 Smartly use the right package manager by analyzing your lockfiles.\u003C/p>\u003C/span>\u003Ca href=\"https://github.com/antfu/ni\" style=\"text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; font-size: 10px; color: #4a5568; text-decoration: none;\" data-v-a052533c>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://micah5.github.io/PSone.css/\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\" data-v-a052533c>🛠️ PSOne.css\u003C/a>\u003Cspan style=\"font-size:14px;padding:0;margin:0;\" data-v-a052533c>\u003Cp data-v-a052533c-s>👉🏻 Playstation 1 style CSS Framework, inspired by NES.css\u003C/p>\u003C/span>\u003Ca href=\"https://micah5.github.io/PSone.css/\" style=\"text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; font-size: 10px; color: #4a5568; text-decoration: none;\" data-v-a052533c>micah5.github.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-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/78\" target=\"_blank\" style=\"color: #616161; text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px;\">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>\u003Cp style=\"margin:5px 0;\">Michael\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=\"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=\"text-decoration: underline; text-decoration-color: #3fb983; text-decoration-thickness: 2px; text-underline-offset: 3px; color: #9b9b9b;\">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        \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  ",89,78,{"absoluteUrl":14,"relativeUrl":15},"-","og-issue-default.png","2023-01-29T23:00:00.000Z","Weekly Vue News #78 - Use Setup Stores in Pinia for More Flexibility","/issues/78",1794479174274]