CINXE.COM

<!doctype html><html lang="en"><head><title data-rh="true">Upcoming TypeScript Changes in Vue 2.5 | by Evan You | The Vue Point | Medium</title><meta data-rh="true" charset="utf-8"/><meta data-rh="true" name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1"/><meta data-rh="true" name="theme-color" content="#000000"/><meta data-rh="true" name="twitter:app:name:iphone" content="Medium"/><meta data-rh="true" name="twitter:app:id:iphone" content="828256236"/><meta data-rh="true" property="al:ios:app_name" content="Medium"/><meta data-rh="true" property="al:ios:app_store_id" content="828256236"/><meta data-rh="true" property="al:android:package" content="com.medium.reader"/><meta data-rh="true" property="fb:app_id" content="542599432471018"/><meta data-rh="true" property="og:site_name" content="Medium"/><meta data-rh="true" property="og:type" content="article"/><meta data-rh="true" property="article:published_time" content="2017-09-21T17:18:19.066Z"/><meta data-rh="true" name="title" content="Upcoming TypeScript Changes in Vue 2.5 | by Evan You | The Vue Point | Medium"/><meta data-rh="true" property="og:title" content="Upcoming TypeScript Changes in Vue 2.5"/><meta data-rh="true" property="al:android:url" content="medium://p/e9bd7e2ecf08"/><meta data-rh="true" property="al:ios:url" content="medium://p/e9bd7e2ecf08"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" name="description" content="We have been receiving requests for better TypeScript integration ever since the release of Vue 2.0. Since the release, we have included official TypeScript type declarations for most of the core…"/><meta data-rh="true" property="og:description" content="Typing Improvements"/><meta data-rh="true" property="og:url" content="https://medium.com/the-vue-point/upcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08"/><meta data-rh="true" property="al:web:url" content="https://medium.com/the-vue-point/upcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/da:true/resize:fit:1200/1*ftKUpzYGIzn1eS87JcBS8Q.gif"/><meta data-rh="true" property="article:author" content="https://medium.com/@youyuxi"/><meta data-rh="true" name="author" content="Evan You"/><meta data-rh="true" name="robots" content="index,noarchive,follow,max-image-preview:large"/><meta data-rh="true" name="referrer" content="unsafe-url"/><meta data-rh="true" property="twitter:title" content="Upcoming TypeScript Changes in Vue 2.5"/><meta data-rh="true" name="twitter:site" content="@vuejs"/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://p/e9bd7e2ecf08"/><meta data-rh="true" property="twitter:description" content="Typing Improvements"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/da:true/resize:fit:1200/1*ftKUpzYGIzn1eS87JcBS8Q.gif"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:creator" content="@youyuxi"/><meta data-rh="true" name="twitter:label1" content="Reading time"/><meta data-rh="true" name="twitter:data1" content="4 min read"/><link data-rh="true" rel="icon" href="https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19"/><link data-rh="true" rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml"/><link data-rh="true" rel="apple-touch-icon" sizes="152x152" href="https://miro.medium.com/v2/resize:fill:304:304/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="120x120" href="https://miro.medium.com/v2/resize:fill:240:240/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="76x76" href="https://miro.medium.com/v2/resize:fill:152:152/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="60x60" href="https://miro.medium.com/v2/resize:fill:120:120/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="mask-icon" href="https://miro.medium.com/v2/resize:fill:1000:1000/7*GAOKVe--MXbEJmV9230oOQ.png" color="#171717"/><link data-rh="true" rel="preconnect" href="https://glyph.medium.com" crossOrigin=""/><link data-rh="true" id="glyph_preload_link" rel="preload" as="style" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" id="glyph_link" rel="stylesheet" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" rel="author" href="https://medium.com/@youyuxi"/><link data-rh="true" rel="canonical" href="https://medium.com/the-vue-point/upcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08"/><link data-rh="true" rel="alternate" href="android-app://com.medium.reader/https/medium.com/p/e9bd7e2ecf08"/><script data-rh="true" type="application/ld+json">{"@context":"http:\u002F\u002Fschema.org","@type":"NewsArticle","image":["https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fda:true\u002Fresize:fit:1200\u002F1*ftKUpzYGIzn1eS87JcBS8Q.gif"],"url":"https:\u002F\u002Fmedium.com\u002Fthe-vue-point\u002Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08","dateCreated":"2017-09-21T15:04:31.338Z","datePublished":"2017-09-21T15:04:31.338Z","dateModified":"2018-06-21T09:27:18.344Z","headline":"Upcoming TypeScript Changes in Vue 2.5 - The Vue Point - Medium","name":"Upcoming TypeScript Changes in Vue 2.5 - The Vue Point - Medium","description":"We have been receiving requests for better TypeScript integration ever since the release of Vue 2.0. Since the release, we have included official TypeScript type declarations for most of the core…","identifier":"e9bd7e2ecf08","author":{"@type":"Person","name":"Evan You","url":"https:\u002F\u002Fmedium.com\u002F@youyuxi"},"creator":["Evan You"],"publisher":{"@type":"Organization","name":"The Vue Point","url":"https:\u002F\u002Fmedium.com\u002Fthe-vue-point","logo":{"@type":"ImageObject","width":272,"height":60,"url":"https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:544\u002F7*V1_7XP4snlmqrc_0Njontw.png"}},"mainEntityOfPage":"https:\u002F\u002Fmedium.com\u002Fthe-vue-point\u002Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08"}</script><style type="text/css" data-fela-rehydration="558" data-fela-type="STATIC">html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden="true"]{visibility:hidden;pointer-events:none}.grecaptcha-badge{visibility:hidden} /*XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>*/.hljs {background: #fff;color: black; }/* Gray DOCTYPE selectors like WebKit */ .xml .hljs-meta {color: #c0c0c0; }.hljs-comment, .hljs-quote {color: #007400; }.hljs-tag, .hljs-attribute, .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-name {color: #aa0d91; }.hljs-variable, .hljs-template-variable {color: #3F6E74; }.hljs-code, .hljs-string, .hljs-meta .hljs-string {color: #c41a16; }.hljs-regexp, .hljs-link {color: #0E0EFF; }.hljs-title, .hljs-symbol, .hljs-bullet, .hljs-number {color: #1c00cf; }.hljs-section, .hljs-meta {color: #643820; }.hljs-title.class_, .hljs-class .hljs-title, .hljs-type, .hljs-built_in, .hljs-params {color: #5c2699; }.hljs-attr {color: #836C28; }.hljs-subst {color: #000; }.hljs-formula {background-color: #eee;font-style: italic; }.hljs-addition {background-color: #baeeba; }.hljs-deletion {background-color: #ffc8bd; }.hljs-selector-id, .hljs-selector-class {color: #9b703f; }.hljs-doctag, .hljs-strong {font-weight: bold; }.hljs-emphasis {font-style: italic; } </style><style type="text/css" data-fela-rehydration="558" data-fela-type="KEYFRAME">@-webkit-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-moz-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE">.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{width:auto}.av path{fill:#242424}.aw{height:25px}.ax{margin-left:16px}.ay{border:none}.az{border-radius:20px}.ba{width:240px}.bb{background:#F9F9F9}.bc path{fill:#6B6B6B}.be{outline:none}.bf{font-family:sohne, "Helvetica Neue", Helvetica, Arial, sans-serif}.bg{font-size:14px}.bh{width:100%}.bi{padding:10px 20px 10px 0}.bj{background-color:transparent}.bk{color:#242424}.bl::placeholder{color:#6B6B6B}.bm{display:inline-block}.bn{margin-left:12px}.bo{margin-right:12px}.bp{border-radius:4px}.bq{margin-left:24px}.br{height:24px}.bx{background-color:#F9F9F9}.by{border-radius:50%}.bz{height:32px}.ca{width:32px}.cb{justify-content:center}.ch{max-width:680px}.ci{min-width:0}.cj{animation:k1 1.2s ease-in-out infinite}.ck{height:100vh}.cl{margin-bottom:16px}.cm{margin-top:48px}.cn{align-items:flex-start}.co{flex-direction:column}.cp{justify-content:space-between}.cq{margin-bottom:24px}.cw{width:80%}.cx{background-color:#F2F2F2}.dd{height:44px}.de{width:44px}.df{margin:auto 0}.dg{margin-bottom:4px}.dh{height:16px}.di{width:120px}.dj{width:80px}.dp{margin-bottom:8px}.dq{width:96%}.dr{width:98%}.ds{width:81%}.dt{margin-left:8px}.du{color:#6B6B6B}.dv{font-size:13px}.dw{height:100%}.ep{color:#FFFFFF}.eq{fill:#FFFFFF}.er{background:rgba(24, 156, 104, 1)}.es{border-color:rgba(24, 156, 104, 1)}.ew:disabled{cursor:inherit !important}.ex:disabled{opacity:0.3}.ey:disabled:hover{background:rgba(24, 156, 104, 1)}.ez:disabled:hover{border-color:rgba(24, 156, 104, 1)}.fa{border-radius:99em}.fb{border-width:1px}.fc{border-style:solid}.fd{box-sizing:border-box}.fe{text-decoration:none}.ff{text-align:center}.fi{margin-right:32px}.fj{position:relative}.fk{fill:#6B6B6B}.fn{background:transparent}.fo svg{margin-left:4px}.fp svg{fill:#6B6B6B}.fr{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fs{position:absolute}.fz{margin:0 24px}.gd{background:rgba(255, 255, 255, 1)}.ge{border:1px solid #F2F2F2}.gf{box-shadow:0 1px 4px #F2F2F2}.gg{max-height:100vh}.gh{overflow-y:auto}.gi{left:0}.gj{top:calc(100vh + 100px)}.gk{bottom:calc(100vh + 100px)}.gl{width:10px}.gm{pointer-events:none}.gn{word-break:break-word}.go{word-wrap:break-word}.gp:after{display:block}.gq:after{content:""}.gr:after{clear:both}.gs{line-height:1.23}.gt{letter-spacing:0}.gu{font-style:normal}.gv{font-weight:700}.ia{align-items:baseline}.ib{width:48px}.ic{height:48px}.id{border:2px solid rgba(255, 255, 255, 1)}.ie{z-index:0}.if{box-shadow:none}.ig{border:1px solid rgba(0, 0, 0, 0.05)}.ih{margin-left:-12px}.ii{width:28px}.ij{height:28px}.ik{z-index:1}.il{width:24px}.im{margin-bottom:2px}.in{flex-wrap:nowrap}.io{font-size:16px}.ip{line-height:24px}.ir{margin:0 8px}.is{display:inline}.it{color:rgba(24, 156, 104, 1)}.iu{fill:rgba(24, 156, 104, 1)}.ix{flex:0 0 auto}.ja{flex-wrap:wrap}.jb{white-space:pre-wrap}.jc{margin-right:4px}.jd{overflow:hidden}.je{max-height:20px}.jf{text-overflow:ellipsis}.jg{display:-webkit-box}.jh{-webkit-line-clamp:1}.ji{-webkit-box-orient:vertical}.jj{word-break:break-all}.jl{padding-left:8px}.jm{padding-right:8px}.kn> *{flex-shrink:0}.ko{overflow-x:scroll}.kp::-webkit-scrollbar{display:none}.kq{scrollbar-width:none}.kr{-ms-overflow-style:none}.ks{width:74px}.kt{flex-direction:row}.ku{z-index:2}.kx{-webkit-user-select:none}.ky{border:0}.kz{fill:rgba(117, 117, 117, 1)}.lc{outline:0}.ld{user-select:none}.le> svg{pointer-events:none}.ln{cursor:progress}.lo{margin-left:4px}.lp{margin-top:0px}.lq{opacity:1}.lr{padding:4px 0}.lu{width:16px}.lw{display:inline-flex}.mc{max-width:100%}.md{padding:8px 2px}.me svg{color:#6B6B6B}.mv{line-height:1.12}.mw{letter-spacing:-0.022em}.mx{font-weight:600}.ns{margin-bottom:-0.28em}.nt{line-height:1.58}.nu{letter-spacing:-0.004em}.nv{font-family:source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif}.oq{margin-bottom:-0.46em}.or{padding:2px 4px}.os{font-size:75%}.ot> strong{font-family:inherit}.ou{font-family:source-code-pro, Menlo, Monaco, "Courier New", Courier, monospace}.ov{text-decoration:underline}.pb{list-style-type:disc}.pc{margin-left:30px}.pd{padding-left:0px}.pj{clear:both}.pp{margin-left:auto}.pq{margin-right:auto}.pr{max-width:1820px}.px{padding-top:5px}.py{padding-bottom:5px}.qa{cursor:zoom-in}.qb{z-index:auto}.qd{height:auto}.qe{margin-top:10px}.qf{max-width:728px}.qi{margin-bottom:26px}.qj{margin-top:6px}.qk{margin-top:8px}.ql{margin-right:8px}.qm{padding:8px 16px}.qn{border-radius:100px}.qo{transition:background 300ms ease}.qq{white-space:nowrap}.qr{border-top:none}.qs{margin-bottom:50px}.qt{height:52px}.qu{max-height:52px}.qv{box-sizing:content-box}.qw{position:static}.qy{max-width:155px}.re{margin-right:20px}.rf{margin-bottom:64px}.rg{margin-bottom:48px}.ru{border-radius:2px}.rw{height:64px}.rx{width:64px}.ry{align-self:flex-end}.rz{flex:1 1 auto}.sd{padding-right:4px}.se{font-weight:500}.sr{margin-top:16px}.ss{color:rgba(255, 255, 255, 1)}.st{fill:rgba(255, 255, 255, 1)}.su{background:rgba(25, 25, 25, 1)}.sv{border-color:rgba(25, 25, 25, 1)}.sy:disabled{opacity:0.1}.sz:disabled:hover{background:rgba(25, 25, 25, 1)}.ta:disabled:hover{border-color:rgba(25, 25, 25, 1)}.tg{height:0px}.th{gap:18px}.ti{fill:rgba(61, 61, 61, 1)}.tk{padding-bottom:6px}.tl{border-bottom:1px solid #F2F2F2}.tr{margin-top:32px}.ts{fill:#242424}.tt{background:0}.tu{border-color:#242424}.tv:disabled:hover{color:#242424}.tw:disabled:hover{fill:#242424}.tx:disabled:hover{border-color:#242424}.ui{border-bottom:solid 1px #E5E5E5}.uj{margin-top:72px}.uk{padding:24px 0}.ul{margin-bottom:0px}.um{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.et:hover{background:rgba(38, 133, 91, 1)}.eu:hover{border-color:rgba(38, 133, 91, 1)}.ev:hover{cursor:pointer}.fl:hover{color:#242424}.fm:hover{fill:#242424}.fq:hover svg{fill:#242424}.ft:hover{background-color:rgba(0, 0, 0, 0.1)}.iq:hover{text-decoration:underline}.iv:hover:not(:disabled){color:rgba(38, 133, 91, 1)}.iw:hover:not(:disabled){fill:rgba(38, 133, 91, 1)}.lb:hover{fill:rgba(8, 8, 8, 1)}.ls:hover{fill:#000000}.lt:hover p{color:#000000}.lv:hover{color:#000000}.mf:hover svg{color:#000000}.qp:hover{background-color:#F2F2F2}.rv:hover{background-color:none}.sw:hover{background:#000000}.sx:hover{border-color:#242424}.tj:hover{fill:rgba(25, 25, 25, 1)}.bd:focus-within path{fill:#242424}.la:focus{fill:rgba(8, 8, 8, 1)}.mg:focus svg{color:#000000}.qc:focus{transform:scale(1.01)}.lf:active{border-style:none}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE" media="all and (min-width: 1080px)">.d{display:none}.bw{width:64px}.cg{margin:0 64px}.cv{height:48px}.dc{margin-bottom:52px}.do{margin-bottom:48px}.ef{font-size:14px}.eg{line-height:20px}.em{font-size:13px}.eo{padding:5px 12px}.fh{display:flex}.fy{margin-bottom:50px}.gc{max-width:680px}.hq{font-size:42px}.hr{margin-top:1.19em}.hs{margin-bottom:32px}.ht{line-height:52px}.hu{letter-spacing:-0.011em}.hz{align-items:center}.jz{border-top:solid 1px #F2F2F2}.ka{border-bottom:solid 1px #F2F2F2}.kb{margin:32px 0 0}.kc{padding:3px 8px}.kl> *{margin-right:24px}.km> :last-child{margin-right:0}.lm{margin-top:0px}.mb{margin:0}.no{font-size:24px}.np{margin-top:1.95em}.nq{line-height:30px}.nr{letter-spacing:-0.016em}.om{font-size:20px}.on{margin-top:0.94em}.oo{line-height:32px}.op{letter-spacing:-0.003em}.pa{margin-top:2.14em}.pi{margin-top:1.14em}.po{max-width:1192px}.pw{margin-top:56px}.rd{display:inline-block}.rh{flex-direction:row}.rk{margin-bottom:0}.rl{margin-right:20px}.sa{max-width:500px}.sp{line-height:24px}.sq{letter-spacing:0}.tf{margin-bottom:88px}.tq{margin:40px 0 16px}.uc{width:min-width}.uh{padding-top:72px}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}.ll{margin-top:0px}.qg{margin-left:auto}.qh{text-align:center}.rc{display:inline-block}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}.lk{margin-top:0px}.rb{display:inline-block}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}.li{margin-top:0px}.lj{margin-right:0px}.ra{display:inline-block}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE" media="all and (max-width: 551.98px)">.h{display:none}.s{display:flex}.t{justify-content:space-between}.bs{width:24px}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dx{font-size:13px}.dy{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:2px}.gw{font-size:32px}.gx{margin-top:1.01em}.gy{margin-bottom:24px}.gz{line-height:38px}.ha{letter-spacing:-0.014em}.hv{align-items:flex-start}.iy{flex-direction:column}.jn{margin:24px -24px 0}.jo{padding:0}.kd> *{margin-right:8px}.ke> :last-child{margin-right:24px}.kv{margin-left:0px}.lg{margin-top:0px}.lh{margin-right:0px}.lx{margin:0}.mh{border:1px solid #F2F2F2}.mi{border-radius:99em}.mj{padding:0px 16px 0px 12px}.mk{height:38px}.ml{align-items:center}.mn svg{margin-right:8px}.my{font-size:20px}.mz{margin-top:1.2em}.na{line-height:24px}.nb{letter-spacing:0}.nw{font-size:18px}.nx{margin-top:0.67em}.ny{line-height:28px}.nz{letter-spacing:-0.003em}.ow{margin-top:1.56em}.pe{margin-top:1.34em}.pk{max-width:100%}.ps{margin-top:40px}.qz{display:inline-block}.rs{margin-bottom:20px}.rt{margin-right:0}.sf{font-size:24px}.sg{line-height:30px}.sh{letter-spacing:-0.016em}.tb{margin-bottom:64px}.tm{margin:32px 0 16px}.ty{width:100%}.ud{padding-top:48px}.mm:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE" media="all and (min-width: 904px) and (max-width: 1079.98px)">.i{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ed{font-size:14px}.ee{line-height:20px}.ek{font-size:13px}.el{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:50px}.gb{max-width:680px}.hl{font-size:42px}.hm{margin-top:1.19em}.hn{margin-bottom:32px}.ho{line-height:52px}.hp{letter-spacing:-0.011em}.hy{align-items:center}.jv{border-top:solid 1px #F2F2F2}.jw{border-bottom:solid 1px #F2F2F2}.jx{margin:32px 0 0}.jy{padding:3px 8px}.kj> *{margin-right:24px}.kk> :last-child{margin-right:0}.ma{margin:0}.nk{font-size:24px}.nl{margin-top:1.95em}.nm{line-height:30px}.nn{letter-spacing:-0.016em}.oi{font-size:20px}.oj{margin-top:0.94em}.ok{line-height:32px}.ol{letter-spacing:-0.003em}.oz{margin-top:2.14em}.ph{margin-top:1.14em}.pn{max-width:1192px}.pv{margin-top:56px}.ri{flex-direction:row}.rm{margin-bottom:0}.rn{margin-right:20px}.sb{max-width:500px}.sn{line-height:24px}.so{letter-spacing:0}.te{margin-bottom:88px}.tp{margin:40px 0 16px}.ub{width:min-width}.ug{padding-top:72px}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE" media="all and (min-width: 728px) and (max-width: 903.98px)">.j{display:none}.w{display:flex}.x{justify-content:space-between}.bu{width:64px}.ce{margin:0 48px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.eb{font-size:13px}.ec{line-height:20px}.ej{padding:0px 8px 1px}.fw{margin-bottom:50px}.ga{max-width:680px}.hg{font-size:42px}.hh{margin-top:1.19em}.hi{margin-bottom:32px}.hj{line-height:52px}.hk{letter-spacing:-0.011em}.hx{align-items:center}.jr{border-top:solid 1px #F2F2F2}.js{border-bottom:solid 1px #F2F2F2}.jt{margin:32px 0 0}.ju{padding:3px 8px}.kh> *{margin-right:24px}.ki> :last-child{margin-right:0}.lz{margin:0}.ng{font-size:24px}.nh{margin-top:1.95em}.ni{line-height:30px}.nj{letter-spacing:-0.016em}.oe{font-size:20px}.of{margin-top:0.94em}.og{line-height:32px}.oh{letter-spacing:-0.003em}.oy{margin-top:2.14em}.pg{margin-top:1.14em}.pm{max-width:100%}.pu{margin-top:56px}.rj{flex-direction:row}.ro{margin-bottom:0}.rp{margin-right:20px}.sc{max-width:500px}.sl{line-height:24px}.sm{letter-spacing:0}.td{margin-bottom:88px}.to{margin:40px 0 16px}.ua{width:min-width}.uf{padding-top:72px}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE" media="all and (min-width: 552px) and (max-width: 727.98px)">.k{display:none}.u{display:flex}.v{justify-content:space-between}.bt{width:24px}.cd{margin:0 24px}.cs{height:40px}.cz{margin-bottom:44px}.dl{margin-bottom:32px}.dz{font-size:13px}.ea{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:2px}.hb{font-size:32px}.hc{margin-top:1.01em}.hd{margin-bottom:24px}.he{line-height:38px}.hf{letter-spacing:-0.014em}.hw{align-items:flex-start}.iz{flex-direction:column}.jp{margin:24px 0 0}.jq{padding:0}.kf> *{margin-right:8px}.kg> :last-child{margin-right:8px}.kw{margin-left:0px}.ly{margin:0}.mo{border:1px solid #F2F2F2}.mp{border-radius:99em}.mq{padding:0px 16px 0px 12px}.mr{height:38px}.ms{align-items:center}.mu svg{margin-right:8px}.nc{font-size:20px}.nd{margin-top:1.2em}.ne{line-height:24px}.nf{letter-spacing:0}.oa{font-size:18px}.ob{margin-top:0.67em}.oc{line-height:28px}.od{letter-spacing:-0.003em}.ox{margin-top:1.56em}.pf{margin-top:1.34em}.pl{max-width:100%}.pt{margin-top:40px}.rq{margin-bottom:20px}.rr{margin-right:0}.si{font-size:24px}.sj{line-height:30px}.sk{letter-spacing:-0.016em}.tc{margin-bottom:64px}.tn{margin:32px 0 16px}.tz{width:100%}.ue{padding-top:48px}.mt:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE" media="print">.qx{display:none}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE" media="(orientation: landscape) and (max-width: 903.98px)">.jk{max-height:none}</style><style type="text/css" data-fela-rehydration="558" data-fela-type="RULE" media="(prefers-reduced-motion: no-preference)">.pz{transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1)}</style></head><body><div id="root"><div class="a b c"><div class="d e f g h i j k"></div><script>document.domain = document.domain;</script><div class="l c"><div class="l m n o c"><div class="p q r s t u v w x i d y z"><a class="du ag dv bf ak b am an ao ap aq ar as at s u w i d q dw z" href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com%2Fp%2Fe9bd7e2ecf08&%7Efeature=LoOpenInAppButton&%7Echannel=ShowPostUnderCollection&source=---top_nav_layout_nav-----------------------------------------" rel="noopener follow">Open in app<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" viewBox="0 0 10 10" class="dt"><path fill="currentColor" d="M.985 8.485a.375.375 0 1 0 .53.53zM8.75 1.25h.375A.375.375 0 0 0 8.75.875zM8.375 6.5a.375.375 0 1 0 .75 0zM3.5.875a.375.375 0 1 0 0 .75zm-1.985 8.14 7.5-7.5-.53-.53-7.5 7.5zm6.86-7.765V6.5h.75V1.25zM3.5 1.625h5.25v-.75H3.5z"></path></svg></a><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><button class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton">Sign up</button></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" rel="noopener follow" href="/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2Fthe-vue-point%2Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08&source=post_page---top_nav_layout_nav-----------------------global_nav------------------">Sign in</a></span></p></div></div></div><div class="p q r ab ac"><div class="ab q ae"><a class="af ag ah ai aj ak al am an ao ap aq ar as at ab" aria-label="Homepage" data-testid="headerMediumLogo" rel="noopener follow" href="/?source=---top_nav_layout_nav-----------------------------------------"><svg xmlns="http://www.w3.org/2000/svg" width="719" height="160" fill="none" viewBox="0 0 719 160" class="au av aw"><path fill="#242424" d="m174.104 9.734.215-.047V8.02H130.39L89.6 103.89 48.81 8.021H1.472v1.666l.212.047c8.018 1.81 12.09 4.509 12.09 14.242V137.93c0 9.734-4.087 12.433-12.106 14.243l-.212.047v1.671h32.118v-1.665l-.213-.048c-8.018-1.809-12.089-4.509-12.089-14.242V30.586l52.399 123.305h2.972l53.925-126.743V140.75c-.687 7.688-4.721 10.062-11.982 11.701l-.215.05v1.652h55.948v-1.652l-.215-.05c-7.269-1.639-11.4-4.013-12.087-11.701l-.037-116.774h.037c0-9.733 4.071-12.432 12.087-14.242m25.555 75.488c.915-20.474 8.268-35.252 20.606-35.507 3.806.063 6.998 1.312 9.479 3.714 5.272 5.118 7.751 15.812 7.368 31.793zm-.553 5.77h65.573v-.275c-.186-15.656-4.721-27.834-13.466-36.196-7.559-7.227-18.751-11.203-30.507-11.203h-.263c-6.101 0-13.584 1.48-18.909 4.16-6.061 2.807-11.407 7.003-15.855 12.511-7.161 8.874-11.499 20.866-12.554 34.343q-.05.606-.092 1.212a50 50 0 0 0-.065 1.151 85.807 85.807 0 0 0-.094 5.689c.71 30.524 17.198 54.917 46.483 54.917 25.705 0 40.675-18.791 44.407-44.013l-1.886-.664c-6.557 13.556-18.334 21.771-31.738 20.769-18.297-1.369-32.314-19.922-31.042-42.395m139.722 41.359c-2.151 5.101-6.639 7.908-12.653 7.908s-11.513-4.129-15.418-11.63c-4.197-8.053-6.405-19.436-6.405-32.92 0-28.067 8.729-46.22 22.24-46.22 5.657 0 10.111 2.807 12.236 7.704zm43.499 20.008c-8.019-1.897-12.089-4.722-12.089-14.951V1.309l-48.716 14.353v1.757l.299-.024c6.72-.543 11.278.386 13.925 2.83 2.072 1.915 3.082 4.853 3.082 8.987v18.66c-4.803-3.067-10.516-4.56-17.448-4.56-14.059 0-26.909 5.92-36.176 16.672-9.66 11.205-14.767 26.518-14.767 44.278-.003 31.72 15.612 53.039 38.851 53.039 13.595 0 24.533-7.449 29.54-20.013v16.865h43.711v-1.746zM424.1 19.819c0-9.904-7.468-17.374-17.375-17.374-9.859 0-17.573 7.632-17.573 17.374s7.721 17.374 17.573 17.374c9.907 0 17.375-7.47 17.375-17.374m11.499 132.546c-8.019-1.897-12.089-4.722-12.089-14.951h-.035V43.635l-43.714 12.551v1.705l.263.024c9.458.842 12.047 4.1 12.047 15.152v81.086h43.751v-1.746zm112.013 0c-8.018-1.897-12.089-4.722-12.089-14.951V43.635l-41.621 12.137v1.71l.246.026c7.733.813 9.967 4.257 9.967 15.36v59.279c-2.578 5.102-7.415 8.131-13.274 8.336-9.503 0-14.736-6.419-14.736-18.073V43.638l-43.714 12.55v1.703l.262.024c9.459.84 12.05 4.097 12.05 15.152v50.17a56.3 56.3 0 0 0 .91 10.444l.787 3.423c3.701 13.262 13.398 20.197 28.59 20.197 12.868 0 24.147-7.966 29.115-20.43v17.311h43.714v-1.747zm169.818 1.788v-1.749l-.213-.05c-8.7-2.006-12.089-5.789-12.089-13.49v-63.79c0-19.89-11.171-31.761-29.883-31.761-13.64 0-25.141 7.882-29.569 20.16-3.517-13.01-13.639-20.16-28.606-20.16-13.146 0-23.449 6.938-27.869 18.657V43.643L545.487 55.68v1.715l.263.024c9.345.829 12.047 4.181 12.047 14.95v81.784h40.787v-1.746l-.215-.053c-6.941-1.631-9.181-4.606-9.181-12.239V66.998c1.836-4.289 5.537-9.37 12.853-9.37 9.086 0 13.692 6.296 13.692 18.697v77.828h40.797v-1.746l-.215-.053c-6.94-1.631-9.18-4.606-9.18-12.239V75.066a42 42 0 0 0-.578-7.26c1.947-4.661 5.86-10.177 13.475-10.177 9.214 0 13.691 6.114 13.691 18.696v77.828z"></path></svg></a><div class="ax h"><div class="ab ay az ba bb q bc bd"><div class="bm" aria-hidden="false" aria-describedby="searchResults" aria-labelledby="searchResults"></div><div class="bn bo ab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div><input role="combobox" aria-controls="searchResults" aria-expanded="false" aria-label="search" data-testid="headerSearchInput" tabindex="0" class="ay be bf bg z bh bi bj bk bl" placeholder="Search" value=""/></div></div></div><div class="h k w fg fh"><div class="fi ab"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerWriteButton" rel="noopener follow" href="/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Write"><path fill="currentColor" d="M14 4a.5.5 0 0 0 0-1zm7 6a.5.5 0 0 0-1 0zm-7-7H4v1h10zM3 4v16h1V4zm1 17h16v-1H4zm17-1V10h-1v10zm-1 1a1 1 0 0 0 1-1h-1zM3 20a1 1 0 0 0 1 1v-1zM4 3a1 1 0 0 0-1 1h1z"></path><path stroke="currentColor" d="m17.5 4.5-8.458 8.458a.25.25 0 0 0-.06.098l-.824 2.47a.25.25 0 0 0 .316.316l2.47-.823a.25.25 0 0 0 .098-.06L19.5 6.5m-2-2 2.323-2.323a.25.25 0 0 1 .354 0l1.646 1.646a.25.25 0 0 1 0 .354L19.5 6.5m-2-2 2 2"></path></svg><div class="dt l">Write</div></div></a></span></div></div><div class="k j i d"><div class="fi ab"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSearchButton" rel="noopener follow" href="/search?source=---top_nav_layout_nav-----------------------------------------"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Search"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div></a></div></div><div class="fi h k j"><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><button class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton">Sign up</button></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" rel="noopener follow" href="/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2Fthe-vue-point%2Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08&source=post_page---top_nav_layout_nav-----------------------global_nav------------------">Sign in</a></span></p></div></div></div><div class="l" aria-hidden="false"><button class="ay fn am ab q ao fo fp fq" aria-label="user options menu" data-testid="headerUserIcon"><div class="l fj"><img alt="" class="l fd by bz ca cx" src="https://miro.medium.com/v2/resize:fill:64:64/1*dmbNkD5D-u45r44go_cf0g.png" width="32" height="32" loading="lazy" role="presentation"/><div class="fr by l bz ca fs n ay ft"></div></div></button></div></div></div><div class="l"><div class="fu fv fw fx fy l"><div class="ab cb"><div class="ci bh fz ga gb gc"></div></div><article><div class="l"><div class="l"><span class="l"></span><section><div><div class="fs gi gj gk gl gm"></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><div><h1 id="1b45" class="pw-post-title gs gt gu bf gv gw gx gy gz ha hb hc hd he hf hg hh hi hj hk hl hm hn ho hp hq hr hs ht hu bk" data-testid="storyTitle">Upcoming TypeScript Changes in Vue 2.5</h1><div><div class="speechify-ignore ab cp"><div class="speechify-ignore bh l"><div class="hv hw hx hy hz ab"><div><div class="ab ia"><div><div class="bm" aria-hidden="false"><a rel="noopener follow" href="/@youyuxi?source=post_page---byline--e9bd7e2ecf08---------------------------------------"><div class="l ib ic by id ie"><div class="l fj"><img alt="Evan You" class="l fd by dd de cx" src="https://miro.medium.com/v2/resize:fill:88:88/0*k6Vzz_7jU2jXNEXT.jpeg" width="44" height="44" loading="lazy" data-testid="authorPhoto"/><div class="if by l dd de fs n ig ft"></div></div></div></a></div></div><div class="ih ab fj"><div><div class="bm" aria-hidden="false"><a href="https://medium.com/the-vue-point?source=post_page---byline--e9bd7e2ecf08---------------------------------------" rel="noopener follow"><div class="l ii ij by id ik"><div class="l fj"><img alt="The Vue Point" class="l fd by br il cx" src="https://miro.medium.com/v2/resize:fill:48:48/1*yeAO-nwsAqnzr7k-zoDkoQ.png" width="24" height="24" loading="lazy" data-testid="publicationPhoto"/><div class="if by l br il fs n ig ft"></div></div></div></a></div></div></div></div></div><div class="bn bh l"><div class="ab"><div style="flex:1"><span class="bf b bg z bk"><div class="im ab q"><div class="ab q in"><div class="ab q"><div><div class="bm" aria-hidden="false"><p class="bf b io ip bk"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" data-testid="authorName" rel="noopener follow" href="/@youyuxi?source=post_page---byline--e9bd7e2ecf08---------------------------------------">Evan You</a></p></div></div></div><span class="ir is" aria-hidden="true"><span class="bf b bg z du">·</span></span><p class="bf b io ip du"><span><a class="it iu ah ai aj ak al am an ao ap aq ar ex iv iw" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F4f198f5f1f12&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fthe-vue-point%2Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08&user=Evan+You&userId=4f198f5f1f12&source=post_page-4f198f5f1f12--byline--e9bd7e2ecf08---------------------post_header------------------">Follow</a></span></p></div></div></span></div></div><div class="l ix"><span class="bf b bg z du"><div class="ab cn iy iz ja"><div class="fu fv ab"><div class="bf b bg z du ab jb"><span class="jc l ix">Published in</span><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar iq ab q" data-testid="publicationName" href="https://medium.com/the-vue-point?source=post_page---byline--e9bd7e2ecf08---------------------------------------" rel="noopener follow"><p class="bf b bg z jd je jf jg jh ji jj jk bk">The Vue Point</p></a></div></div></div><div class="h k"><span class="ir is" aria-hidden="true"><span class="bf b bg z du">·</span></span></div></div><span class="bf b bg z du"><div class="ab ae"><span data-testid="storyReadTime">4 min read</span><div class="jl jm l" aria-hidden="true"><span class="l" aria-hidden="true"><span class="bf b bg z du">·</span></span></div><span data-testid="storyPublishDate">Sep 21, 2017</span></div></span></div></span></div></div></div><div class="ab cp jn jo jp jq jr js jt ju jv jw jx jy jz ka kb kc"><div class="h k w fg fh q"><div class="ks l"><div class="ab q kt ku"><div class="pw-multi-vote-icon fj jc kv kw kx"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerClapButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fthe-vue-point%2Fe9bd7e2ecf08&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fthe-vue-point%2Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08&user=Evan+You&userId=4f198f5f1f12&source=---header_actions--e9bd7e2ecf08---------------------clap_footer------------------"><div><div class="bm" aria-hidden="false"><div class="ky ao kz la lb lc am ld le lf kx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lg lh li lj lk ll lm"><p class="bf b dv z du"><span class="ln">--</span></p></div></div></div><div><div class="bm" aria-hidden="false"><button class="ao ky lq lr ab q fk ls lt" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="lp"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg><p class="bf b dv z du"><span class="pw-responses-count lo lp">19</span></p></button></div></div></div><div class="ab q kd ke kf kg kh ki kj kk kl km kn ko kp kq kr"><div class="lu k j i d"></div><div class="h k"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerBookmarkButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fe9bd7e2ecf08&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fthe-vue-point%2Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08&source=---header_actions--e9bd7e2ecf08---------------------bookmark_footer------------------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lv" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="fd lw cn"><div class="l ae"><div class="ab cb"><div class="lx ly lz ma mb mc ci bh"><div class="ab"><div class="bm" aria-hidden="false"><div><div class="bm" aria-hidden="false"><button aria-label="Listen" data-testid="audioPlayButton" class="af fk ah ai aj ak al md an ao ap ex me mf lt mg mh mi mj mk s ml mm mn mo mp mq mr u ms mt mu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m3.376 10.416-4.599 3.066a.5.5 0 0 1-.777-.416V8.934a.5.5 0 0 1 .777-.416l4.599 3.066a.5.5 0 0 1 0 .832" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Listen</p></div></button></div></div></div></div></div></div></div></div><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="headerSocialShareButton" class="af fk ah ai aj ak al md an ao ap ex me mf lt mg mh mi mj mk s ml mm mn mo mp mq mr u ms mt mu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Share</p></div></button></div></div></div></div></div></div></div></div></div><h1 id="7f2d" class="mv mw gu bf mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns bk">Typing Improvements</h1><p id="091b" class="pw-post-body-paragraph nt nu gu nv b nw nx ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq gn bk">We have been receiving requests for better TypeScript integration ever since the release of Vue 2.0. Since the release, we have included official TypeScript type declarations for most of the core libraries (<code class="cx or os ot ou b">vue</code>, <code class="cx or os ot ou b">vue-router</code>, <code class="cx or os ot ou b">vuex</code>). However, the current integration is somewhat lacking when using the out-of-the-box Vue API. For example, TypeScript cannot easily infer the type of <code class="cx or os ot ou b">this</code> inside the default object-based API that Vue uses. To make our Vue code play nicely with TypeScript, we have to use the<code class="cx or os ot ou b"><a class="af ov" href="https://github.com/vuejs/vue-class-component" rel="noopener ugc nofollow" target="_blank">vue-class-component</a></code> decorator, which allows us to author Vue components using a class-based syntax.</p><p id="df98" class="pw-post-body-paragraph nt nu gu nv b nw ow ny nz oa ox oc od oe oy og oh oi oz ok ol om pa oo op oq gn bk">For users that preferred a class-based API, this was probably good enough, but it was a bit unfortunate that users had to use a different API just for the sake of type inference. This also made migrating existing Vue codebases to TypeScript more challenging.</p><p id="0b01" class="pw-post-body-paragraph nt nu gu nv b nw ow ny nz oa ox oc od oe oy og oh oi oz ok ol om pa oo op oq gn bk">Earlier this year, TypeScript introduced a number of <a class="af ov" href="https://github.com/Microsoft/TypeScript/pull/14141" rel="noopener ugc nofollow" target="_blank">new features</a> that makes it possible to improve Vue’s type declarations so that TypeScript can better understand the object literal based API. <a class="af ov" href="https://github.com/DanielRosenwasser" rel="noopener ugc nofollow" target="_blank">Daniel Rosenwasser</a> from the TypeScript team started an <a class="af ov" href="https://github.com/vuejs/vue/pull/5887" rel="noopener ugc nofollow" target="_blank">ambitious PR</a> (now being maintained <a class="af ov" href="https://github.com/vuejs/vue/pull/6391" rel="noopener ugc nofollow" target="_blank">here</a> by core team member <a class="af ov" href="https://github.com/HerringtonDarkholme" rel="noopener ugc nofollow" target="_blank">HerringtonDarkholme</a>) which, once merged, will provide:</p><ul class=""><li id="b00f" class="nt nu gu nv b nw ow ny nz oa ox oc od oe oy og oh oi oz ok ol om pa oo op oq pb pc pd bk">Proper type inference for <code class="cx or os ot ou b">this</code> when using the default Vue API. It also works inside single-file components!</li><li id="3220" class="nt nu gu nv b nw pe ny nz oa pf oc od oe pg og oh oi ph ok ol om pi oo op oq pb pc pd bk">Type inference for props on <code class="cx or os ot ou b">this</code> based on the component’s <code class="cx or os ot ou b">props</code>option.</li><li id="2f87" class="nt nu gu nv b nw pe ny nz oa pf oc od oe pg og oh oi ph ok ol om pi oo op oq pb pc pd bk">Most importantly, <strong class="nv gv">these improvements also benefit plain JavaScript users!</strong> If you are using VSCode with the awesome <a class="af ov" href="https://github.com/vuejs/vetur" rel="noopener ugc nofollow" target="_blank">Vetur</a> extension, you will get greatly improved autocompletion suggestions and even type hints when using plain JavaScript in Vue components! This is because <code class="cx or os ot ou b"><a class="af ov" href="https://www.npmjs.com/package/vue-language-server" rel="noopener ugc nofollow" target="_blank">vue-language-server</a></code>, the internal package that is responsible for analyzing Vue components, can take advantage of the TypeScript compiler to extract more information about your code. Moreover, any editor that supports the language server protocol can leverage <code class="cx or os ot ou b"><a class="af ov" href="https://github.com/vuejs/vetur/tree/master/server" rel="noopener ugc nofollow" target="_blank">vue-language-server</a></code> to provide similar features.</li></ul></div></div><div class="pj"><div class="ab cb"><div class="lx pk ly pl lz pm cf pn cg po ci bh"><figure class="ps pt pu pv pw pj px py paragraph-image"><div role="button" tabindex="0" class="pz qa fj qb bh qc"><div class="pp pq pr"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*ftKUpzYGIzn1eS87JcBS8Q.gif 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*ftKUpzYGIzn1eS87JcBS8Q.gif 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*ftKUpzYGIzn1eS87JcBS8Q.gif 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*ftKUpzYGIzn1eS87JcBS8Q.gif 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*ftKUpzYGIzn1eS87JcBS8Q.gif 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*ftKUpzYGIzn1eS87JcBS8Q.gif 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*ftKUpzYGIzn1eS87JcBS8Q.gif 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*ftKUpzYGIzn1eS87JcBS8Q.gif 640w, https://miro.medium.com/v2/resize:fit:720/1*ftKUpzYGIzn1eS87JcBS8Q.gif 720w, https://miro.medium.com/v2/resize:fit:750/1*ftKUpzYGIzn1eS87JcBS8Q.gif 750w, https://miro.medium.com/v2/resize:fit:786/1*ftKUpzYGIzn1eS87JcBS8Q.gif 786w, https://miro.medium.com/v2/resize:fit:828/1*ftKUpzYGIzn1eS87JcBS8Q.gif 828w, https://miro.medium.com/v2/resize:fit:1100/1*ftKUpzYGIzn1eS87JcBS8Q.gif 1100w, https://miro.medium.com/v2/resize:fit:2000/1*ftKUpzYGIzn1eS87JcBS8Q.gif 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mc qd c" width="1000" height="612" loading="eager" role="presentation"/></picture></div></div><figcaption class="qe ff qf pp pq qg qh bf b bg z du">VSCode + Vetur + New Type Declarations in Action</figcaption></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="a8dc" class="pw-post-body-paragraph nt nu gu nv b nw ow ny nz oa ox oc od oe oy og oh oi oz ok ol om pa oo op oq gn bk">For those who are curious, you can try it out today by cloning <a class="af ov" href="https://github.com/octref/veturpack/tree/new-types" rel="noopener ugc nofollow" target="_blank">this playground project</a> (make sure to checkout the <code class="cx or os ot ou b">new-types</code> branch) and opening it with VSCode + Vetur!</p><h1 id="3044" class="mv mw gu bf mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns bk">Potential Required Actions for TypeScript Users</h1><p id="3ed8" class="pw-post-body-paragraph nt nu gu nv b nw nx ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq gn bk">The typing upgrade will be shipped in Vue 2.5, currently planned to be released around early October. We are releasing it in a minor release because the JavaScript public API is not getting any breaking changes, however, the upgrade does potentially require some actions for existing TypeScript+Vue users. This is why we are announcing the changes now so that you can have enough time to plan for the upgrade.</p><ul class=""><li id="d06c" class="nt nu gu nv b nw ow ny nz oa ox oc od oe oy og oh oi oz ok ol om pa oo op oq pb pc pd bk">The new typings require a minimum of TypeScript 2.4, and it’s recommended to upgrade to the latest version of TypeScript along with Vue 2.5.</li><li id="de0a" class="nt nu gu nv b nw pe ny nz oa pf oc od oe pg og oh oi ph ok ol om pi oo op oq pb pc pd bk">Previously, we already recommend using ES-style imports (<code class="cx or os ot ou b">import Vue from ‘vue’</code>) everywhere with <code class="cx or os ot ou b">“allowSyntheticDefaultImports”: true</code> in <code class="cx or os ot ou b">tsconfig.json</code>. The new typings will officially move to ES-style import/export syntax, so that config is no longer necessary, and users are required to use ES-style imports in all cases.</li><li id="a8e7" class="nt nu gu nv b nw pe ny nz oa pf oc od oe pg og oh oi ph ok ol om pi oo op oq pb pc pd bk">To accompany the export syntax change, the following core libraries that have typings relying on Vue core typing will receive new major versions, and should be upgraded along with Vue core 2.5: <code class="cx or os ot ou b">vuex</code>, <code class="cx or os ot ou b">vue-router</code>, <code class="cx or os ot ou b">vuex-router-sync</code>, <code class="cx or os ot ou b">vue-class-component</code>.</li><li id="70d8" class="nt nu gu nv b nw pe ny nz oa pf oc od oe pg og oh oi ph ok ol om pi oo op oq pb pc pd bk">When performing custom module augmentations, the user should now use <code class="cx or os ot ou b">interface VueConstructor</code> instead of <code class="cx or os ot ou b">namespace Vue</code>. (<a class="af ov" href="https://github.com/vuejs/vue/pull/6391/files#diff-1c3e3e4cf681d5fde88941717da1058aL11" rel="noopener ugc nofollow" target="_blank">example diff</a>)</li><li id="f37c" class="nt nu gu nv b nw pe ny nz oa pf oc od oe pg og oh oi ph ok ol om pi oo op oq pb pc pd bk">ThisType of <code class="cx or os ot ou b">computed</code>, <code class="cx or os ot ou b">watch</code>, <code class="cx or os ot ou b">render</code> and lifecycle hooks will need manual type annotations if you annotate your component options with <code class="cx or os ot ou b">as ComponentOptions<Something></code></li></ul><p id="7199" class="pw-post-body-paragraph nt nu gu nv b nw ow ny nz oa ox oc od oe oy og oh oi oz ok ol om pa oo op oq gn bk">We have tried our best to minimize required upgrading efforts and these type improvements are compatible with the class-based API used in <code class="cx or os ot ou b">vue-class-component</code>. For most users, simply upgrading the dependencies and switching to ES-style imports should be all it takes. In the meanwhile, we also recommend locking your Vue version to <code class="cx or os ot ou b">2.4.x</code> until you are ready to upgrade.</p><h1 id="8743" class="mv mw gu bf mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns bk">On the Roadmap: TypeScript Support in vue-cli</h1><p id="ce68" class="pw-post-body-paragraph nt nu gu nv b nw nx ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq gn bk">After 2.5, we are planning to introduce official support for TypeScript in the next version of vue-cli in order to make it easier for TS+Vue users to kick off new projects. Stay tuned!</p><h1 id="b2d2" class="mv mw gu bf mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns bk">For non-TypeScript users</h1><p id="d9ef" class="pw-post-body-paragraph nt nu gu nv b nw nx ny nz oa ob oc od oe of og oh oi oj ok ol om on oo op oq gn bk">These changes do not affect non-TypeScript Vue users in any negative way; per semver, 2.5 will be fully backwards compatible in terms of public JavaScript API, and the TypeScript CLI integration will be completely opt-in. But as mentioned above, you will likely notice better auto-completion suggestions if you are using a <code class="cx or os ot ou b"><a class="af ov" href="https://github.com/vuejs/vetur/tree/master/server" rel="noopener ugc nofollow" target="_blank">vue-language-server</a></code> powered editor extension.</p><p id="5d06" class="pw-post-body-paragraph nt nu gu nv b nw ow ny nz oa ox oc od oe oy og oh oi oz ok ol om pa oo op oq gn bk">—</p><p id="3898" class="pw-post-body-paragraph nt nu gu nv b nw ow ny nz oa ox oc od oe oy og oh oi oz ok ol om pa oo op oq gn bk">Thanks to <a class="af ov" href="https://github.com/danielrosenwasser" rel="noopener ugc nofollow" target="_blank">Daniel Rosenwasser</a>, <a class="af ov" href="https://github.com/HerringtonDarkholme" rel="noopener ugc nofollow" target="_blank">HerringtonDarkholme</a>, <a class="af ov" href="https://github.com/ktsn" rel="noopener ugc nofollow" target="_blank">Katashin</a> and <a class="af ov" href="https://github.com/octref" rel="noopener ugc nofollow" target="_blank">Pine Wu</a> for working on these features and reviewing this post.</p></div></div></div></div></section></div></div></article></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="qi qj ab ja"><div class="qk ab"><a class="ql ay am ao" rel="noopener follow" href="/tag/javascript?source=post_page-----e9bd7e2ecf08---------------------------------------"><div class="qm fj cx qn ge qo qp bf b bg z bk qq">JavaScript</div></a></div><div class="qk ab"><a class="ql ay am ao" rel="noopener follow" href="/tag/vuejs?source=post_page-----e9bd7e2ecf08---------------------------------------"><div class="qm fj cx qn ge qo qp bf b bg z bk qq">Vuejs</div></a></div><div class="qk ab"><a class="ql ay am ao" rel="noopener follow" href="/tag/typescript?source=post_page-----e9bd7e2ecf08---------------------------------------"><div class="qm fj cx qn ge qo qp bf b bg z bk qq">Typescript</div></a></div><div class="qk ab"><a class="ql ay am ao" rel="noopener follow" href="/tag/front-end-development?source=post_page-----e9bd7e2ecf08---------------------------------------"><div class="qm fj cx qn ge qo qp bf b bg z bk qq">Front End Development</div></a></div></div></div></div><div class="l"></div><footer class="qr qs qt qu qv ab q qw ik c"><div class="l ae"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab cp qx"><div class="ab q kt"><div class="qy l"><span class="l qz ra rb e d"><div class="ab q kt ku"><div class="pw-multi-vote-icon fj jc kv kw kx"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fthe-vue-point%2Fe9bd7e2ecf08&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fthe-vue-point%2Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08&user=Evan+You&userId=4f198f5f1f12&source=---footer_actions--e9bd7e2ecf08---------------------clap_footer------------------"><div><div class="bm" aria-hidden="false"><div class="ky ao kz la lb lc am ld le lf kx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lg lh li lj lk ll lm"><p class="bf b dv z du"><span class="ln">--</span></p></div></div></span><span class="l h g f rc rd"><div class="ab q kt ku"><div class="pw-multi-vote-icon fj jc kv kw kx"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fthe-vue-point%2Fe9bd7e2ecf08&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fthe-vue-point%2Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08&user=Evan+You&userId=4f198f5f1f12&source=---footer_actions--e9bd7e2ecf08---------------------clap_footer------------------"><div><div class="bm" aria-hidden="false"><div class="ky ao kz la lb lc am ld le lf kx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lg lh li lj lk ll lm"><p class="bf b dv z du"><span class="ln">--</span></p></div></div></span></div><div class="bq ab"><div><div class="bm" aria-hidden="false"><button class="ao ky lq lr ab q fk ls lt" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="lp"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg><p class="bf b bg z du"><span class="pw-responses-count lo lp">19</span></p></button></div></div></div></div><div class="ab q"><div class="re l ix"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerBookmarkButton" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fe9bd7e2ecf08&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fthe-vue-point%2Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08&source=---footer_actions--e9bd7e2ecf08---------------------bookmark_footer------------------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lv" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="re l ix"><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="footerSocialShareButton" class="af fk ah ai aj ak al md an ao ap ex me mf lt mg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg></button></div></div></div></div></div></div></div></div></div></footer><div class="rf l"><div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="rg l"><div class="ab rh ri rj iz iy"><div class="rk rl rm rn ro rp rq rr rs rt ab cp"><div class="h k"><a href="https://medium.com/the-vue-point?source=post_page---post_publication_info--e9bd7e2ecf08---------------------------------------" rel="noopener follow"><div class="fj ab"><img alt="The Vue Point" class="ru ib ic cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*yeAO-nwsAqnzr7k-zoDkoQ.png" width="48" height="48" loading="lazy"/><div class="ru l ic ib fs n fr rv"></div></div></a></div><div class="j i d"><a href="https://medium.com/the-vue-point?source=post_page---post_publication_info--e9bd7e2ecf08---------------------------------------" rel="noopener follow"><div class="fj ab"><img alt="The Vue Point" class="ru rx rw cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*yeAO-nwsAqnzr7k-zoDkoQ.png" width="64" height="64" loading="lazy"/><div class="ru l rw rx fs n fr rv"></div></div></a></div><div class="j i d ry ix"><div class="ab"></div></div></div><div class="ab co rz"><div class="sa sb sc pl pk l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://medium.com/the-vue-point?source=post_page---post_publication_info--e9bd7e2ecf08---------------------------------------" rel="noopener follow"><h2 class="pw-author-name bf se sf sg sh si sj sk oe sl sm oi sn so om sp sq bk"><span class="gn sd">Published in The Vue Point</span></h2></a><div class="qk ab ia"><div class="l ix"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/the-vue-point/followers?source=post_page---post_publication_info--e9bd7e2ecf08---------------------------------------">16.2K Followers</a></span></div><div class="bf b bg z du ab jb"><span class="ir l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/the-vue-point/vue-2-6-released-66aa6c8e785e?source=post_page---post_publication_info--e9bd7e2ecf08---------------------------------------">Last published <span>Feb 4, 2019</span></a></div></div><div class="sr l"><p class="bf b bg z bk"><span class="gn">The Official Vue.js Blog</span></p></div></div></div><div class="h k"><div class="ab"></div></div></div></div><div class="ab rh ri rj iz iy"><div class="rk rl rm rn ro rp rq rr rs rt ab cp"><div class="h k"><a tabindex="0" rel="noopener follow" href="/@youyuxi?source=post_page---post_author_info--e9bd7e2ecf08---------------------------------------"><div class="l fj"><img alt="Evan You" class="l fd by ic ib cx" src="https://miro.medium.com/v2/resize:fill:96:96/0*k6Vzz_7jU2jXNEXT.jpeg" width="48" height="48" loading="lazy"/><div class="fr by l ic ib fs n ay rv"></div></div></a></div><div class="j i d"><a tabindex="0" rel="noopener follow" href="/@youyuxi?source=post_page---post_author_info--e9bd7e2ecf08---------------------------------------"><div class="l fj"><img alt="Evan You" class="l fd by rw rx cx" src="https://miro.medium.com/v2/resize:fill:128:128/0*k6Vzz_7jU2jXNEXT.jpeg" width="64" height="64" loading="lazy"/><div class="fr by l rw rx fs n ay rv"></div></div></a></div><div class="j i d ry ix"><div class="ab"><span><button class="bf b bg z ss qm st su sv sw sx ev ew sy sz ta fa fb fc fd bm fe ff">Follow</button></span></div></div></div><div class="ab co rz"><div class="sa sb sc pl pk l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" rel="noopener follow" href="/@youyuxi?source=post_page---post_author_info--e9bd7e2ecf08---------------------------------------"><h2 class="pw-author-name bf se sf sg sh si sj sk oe sl sm oi sn so om sp sq bk"><span class="gn sd">Written by Evan You</span></h2></a><div class="qk ab ia"><div class="l ix"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/@youyuxi/followers?source=post_page---post_author_info--e9bd7e2ecf08---------------------------------------">27K Followers</a></span></div><div class="bf b bg z du ab jb"><span class="ir l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/@youyuxi/following?source=post_page---post_author_info--e9bd7e2ecf08---------------------------------------">461 Following</a></div></div><div class="sr l"><p class="bf b bg z bk"><span class="gn">Creator and project lead of Vue.js. I design, code and sometimes dream about making art.</span></p></div></div></div><div class="h k"><div class="ab"><span><button class="bf b bg z ss qm st su sv sw sx ev ew sy sz ta fa fb fc fd bm fe ff">Follow</button></span></div></div></div></div></div></div></div><div class="tb tc td te tf l"><div class="tg bh r rf"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab q cp"><h2 class="bf se my na nb nc ne nf ng ni nj nk nm nn no nq nr bk">Responses (19)</h2><div class="ab th"><div><div class="bm" aria-hidden="false"><a class="ti tj" href="https://policy.medium.com/medium-rules-30e5502c4eb4?source=post_page---post_responses--e9bd7e2ecf08---------------------------------------" rel="noopener follow" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill-rule="evenodd" d="M11.987 5.036a.754.754 0 0 1 .914-.01c.972.721 1.767 1.218 2.6 1.543.828.322 1.719.485 2.887.505a.755.755 0 0 1 .741.757c-.018 3.623-.43 6.256-1.449 8.21-1.034 1.984-2.662 3.209-4.966 4.083a.75.75 0 0 1-.537-.003c-2.243-.874-3.858-2.095-4.897-4.074-1.024-1.951-1.457-4.583-1.476-8.216a.755.755 0 0 1 .741-.757c1.195-.02 2.1-.182 2.923-.503.827-.322 1.6-.815 2.519-1.535m.468.903c-.897.69-1.717 1.21-2.623 1.564-.898.35-1.856.527-3.026.565.037 3.45.469 5.817 1.36 7.515.884 1.684 2.25 2.762 4.284 3.571 2.092-.81 3.465-1.89 4.344-3.575.886-1.698 1.299-4.065 1.334-7.512-1.149-.039-2.091-.217-2.99-.567-.906-.353-1.745-.873-2.683-1.561m-.009 9.155a2.672 2.672 0 1 0 0-5.344 2.672 2.672 0 0 0 0 5.344m0 1a3.672 3.672 0 1 0 0-7.344 3.672 3.672 0 0 0 0 7.344m-1.813-3.777.525-.526.916.917 1.623-1.625.526.526-2.149 2.152z" clip-rule="evenodd"></path></svg></a></div></div></div></div><div class="tk tl tm tn to tp tq l"></div><div class="tr l"><button class="bf b bg z bk qm ts tt tu lv ls sx ev ew ex tv tw tx fa ty tz ua ub uc fb fc fd bm fe ff">See all responses</button></div></div></div></div><div class="ud ue uf ug uh l bx"><div class="h k j"><div class="tg bh ui uj"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="uk ab kt ja"><div class="ul um l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://help.medium.com/hc/en-us?source=post_page-----e9bd7e2ecf08---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Help</p></a></div><div class="ul um l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.statuspage.io/?source=post_page-----e9bd7e2ecf08---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Status</p></a></div><div class="ul um l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/about?autoplay=1&source=post_page-----e9bd7e2ecf08---------------------------------------"><p class="bf b dv z du">About</p></a></div><div class="ul um l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/jobs-at-medium/work-at-medium-959d1a85284e?source=post_page-----e9bd7e2ecf08---------------------------------------"><p class="bf b dv z du">Careers</p></a></div><div class="ul um l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="mailto:pressinquiries@medium.com" rel="noopener follow"><p class="bf b dv z du">Press</p></a></div><div class="ul um l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://blog.medium.com/?source=post_page-----e9bd7e2ecf08---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Blog</p></a></div><div class="ul um l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-privacy-policy-f03bf92035c9?source=post_page-----e9bd7e2ecf08---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Privacy</p></a></div><div class="ul um l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-terms-of-service-9db0094a1e0f?source=post_page-----e9bd7e2ecf08---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Terms</p></a></div><div class="ul um l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://speechify.com/medium?source=post_page-----e9bd7e2ecf08---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Text to speech</p></a></div><div class="ul l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/business?source=post_page-----e9bd7e2ecf08---------------------------------------"><p class="bf b dv z du">Teams</p></a></div></div></div></div></div></div></div></div></div></div><script>window.__BUILD_ID__="main-20250214-225023-b6ac233ec4"</script><script>window.__GRAPHQL_URI__ = "https://medium.com/_/graphql"</script><script>window.__PRELOADED_STATE__ = {"algolia":{"queries":{}},"cache":{"experimentGroupSet":true,"reason":"","group":"enabled","tags":["group-edgeCachePosts","post-e9bd7e2ecf08","user-4f198f5f1f12","collection-4b3ffc258019"],"serverVariantState":"44136fa355b3678a1146ad16f7e8649e94fb4fc21fe77e8310c060f61caaff8a","middlewareEnabled":true,"cacheStatus":"DYNAMIC","shouldUseCache":true,"vary":[],"pubFeaturingPostPageLabelEnabled":false},"client":{"hydrated":false,"isUs":false,"isNativeMedium":false,"isSafariMobile":false,"isSafari":false,"isFirefox":false,"routingEntity":{"type":"DEFAULT","explicit":false},"viewerIsBot":false},"debug":{"requestId":"361f8158-a395-4bb3-97fc-568e8c5ea5d8","requestTag":"","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-11f2599808bac778ff5987b898b8d724-a8be9c27a7fe55d1-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fmedium.com\u002Fthe-vue-point\u002Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08","host":"medium.com","hostname":"medium.com","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"","currentHash":""},"config":{"nodeEnv":"production","version":"main-20250214-225023-b6ac233ec4","target":"production","productName":"Medium","publicUrl":"https:\u002F\u002Fcdn-client.medium.com\u002Flite","authDomain":"medium.com","authGoogleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","favicon":"production","glyphUrl":"https:\u002F\u002Fglyph.medium.com","branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","algolia":{"appId":"MQ57UUUQZ2","apiKeySearch":"394474ced050e3911ae2249ecc774921","indexPrefix":"medium_","host":"-dsn.algolia.net"},"recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","recaptchaEnterpriseKeyId":"6Le-uGgpAAAAAPprRaokM8AKthQ9KNGdoxaGUvVp","datadog":{"applicationId":"6702d87d-a7e0-42fe-bbcb-95b469547ea0","clientToken":"pub853ea8d17ad6821d9f8f11861d23dfed","rumToken":"pubf9cc52896502b9413b68ba36fc0c7162","context":{"deployment":{"target":"production","tag":"main-20250214-225023-b6ac233ec4","commit":"b6ac233ec4e33c48e304b373b7df8c338a410ef2"}},"datacenter":"us"},"googleAnalyticsCode":"G-7JY7T788PK","googlePay":{"apiVersion":"2","apiVersionMinor":"0","merchantId":"BCR2DN6TV7EMTGBM","merchantName":"Medium","instanceMerchantId":"13685562959212738550"},"applePay":{"version":3},"signInWallCustomDomainCollectionIds":["3a8144eabfe3","336d898217ee","61061eb0c96b","138adf9c44c","819cc2aaeee0"],"mediumMastodonDomainName":"me.dm","mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"],"tierOneDomains":["medium.com","thebolditalic.com","arcdigital.media","towardsdatascience.com","uxdesign.cc","codeburst.io","psiloveyou.xyz","writingcooperative.com","entrepreneurshandbook.co","prototypr.io","betterhumans.coach.me","theascent.pub"],"topicsToFollow":["d61cf867d93f","8a146bc21b28","1eca0103fff3","4d562ee63426","aef1078a3ef5","e15e46793f8d","6158eb913466","55f1c20aba7a","3d18b94f6858","4861fee224fd","63c6f1f93ee","1d98b3a9a871","decb52b64abf","ae5d4995e225","830cded25262"],"topicToTagMappings":{"accessibility":"accessibility","addiction":"addiction","android-development":"android-development","art":"art","artificial-intelligence":"artificial-intelligence","astrology":"astrology","basic-income":"basic-income","beauty":"beauty","biotech":"biotech","blockchain":"blockchain","books":"books","business":"business","cannabis":"cannabis","cities":"cities","climate-change":"climate-change","comics":"comics","coronavirus":"coronavirus","creativity":"creativity","cryptocurrency":"cryptocurrency","culture":"culture","cybersecurity":"cybersecurity","data-science":"data-science","design":"design","digital-life":"digital-life","disability":"disability","economy":"economy","education":"education","equality":"equality","family":"family","feminism":"feminism","fiction":"fiction","film":"film","fitness":"fitness","food":"food","freelancing":"freelancing","future":"future","gadgets":"gadgets","gaming":"gaming","gun-control":"gun-control","health":"health","history":"history","humor":"humor","immigration":"immigration","ios-development":"ios-development","javascript":"javascript","justice":"justice","language":"language","leadership":"leadership","lgbtqia":"lgbtqia","lifestyle":"lifestyle","machine-learning":"machine-learning","makers":"makers","marketing":"marketing","math":"math","media":"media","mental-health":"mental-health","mindfulness":"mindfulness","money":"money","music":"music","neuroscience":"neuroscience","nonfiction":"nonfiction","outdoors":"outdoors","parenting":"parenting","pets":"pets","philosophy":"philosophy","photography":"photography","podcasts":"podcast","poetry":"poetry","politics":"politics","privacy":"privacy","product-management":"product-management","productivity":"productivity","programming":"programming","psychedelics":"psychedelics","psychology":"psychology","race":"race","relationships":"relationships","religion":"religion","remote-work":"remote-work","san-francisco":"san-francisco","science":"science","self":"self","self-driving-cars":"self-driving-cars","sexuality":"sexuality","social-media":"social-media","society":"society","software-engineering":"software-engineering","space":"space","spirituality":"spirituality","sports":"sports","startups":"startup","style":"style","technology":"technology","transportation":"transportation","travel":"travel","true-crime":"true-crime","tv":"tv","ux":"ux","venture-capital":"venture-capital","visual-design":"visual-design","work":"work","world":"world","writing":"writing"},"defaultImages":{"avatar":{"imageId":"1*dmbNkD5D-u45r44go_cf0g.png","height":150,"width":150},"orgLogo":{"imageId":"7*V1_7XP4snlmqrc_0Njontw.png","height":110,"width":500},"postLogo":{"imageId":"bd978bb536350a710e8efb012513429cabdc4c28700604261aeda246d0f980b7","height":810,"width":1440},"postPreviewImage":{"imageId":"1*hn4v1tCaJy7cWMyb0bpNpQ.png","height":386,"width":579}},"collectionStructuredData":{"8d6b8a439e32":{"name":"Elemental","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F980\u002F1*9ygdqoKprhwuTVKUM0DLPA@2x.png","width":980,"height":159}}},"3f6ecf56618":{"name":"Forge","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F596\u002F1*uULpIlImcO5TDuBZ6lm7Lg@2x.png","width":596,"height":183}}},"ae2a65f35510":{"name":"GEN","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F264\u002F1*RdVZMdvfV3YiZTw6mX7yWA.png","width":264,"height":140}}},"88d9857e584e":{"name":"LEVEL","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*JqYMhNX6KNNb2UlqGqO2WQ.png","width":540,"height":108}}},"7b6769f2748b":{"name":"Marker","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F383\u002F1*haCUs0wF6TgOOvfoY-jEoQ@2x.png","width":383,"height":92}}},"444d13b52878":{"name":"OneZero","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*cw32fIqCbRWzwJaoQw6BUg.png","width":540,"height":123}}},"8ccfed20cbb2":{"name":"Zora","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*tZUQqRcCCZDXjjiZ4bDvgQ.png","width":540,"height":106}}}},"embeddedPostIds":{"coronavirus":"cd3010f9d81f"},"sharedCdcMessaging":{"COVID_APPLICABLE_TAG_SLUGS":[],"COVID_APPLICABLE_TOPIC_NAMES":[],"COVID_APPLICABLE_TOPIC_NAMES_FOR_TOPIC_PAGE":[],"COVID_MESSAGES":{"tierA":{"text":"For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":66,"end":73,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"tierB":{"text":"Anyone can publish on Medium per our Policies, but we don’t fact-check every story. For more info about the coronavirus, see cdc.gov.","markups":[{"start":37,"end":45,"href":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Fcategories\u002F201931128-Policies-Safety"},{"start":125,"end":132,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"paywall":{"text":"This article has been made free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":56,"end":70,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":138,"end":145,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"unbound":{"text":"This article is free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":45,"end":59,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":127,"end":134,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]}},"COVID_BANNER_POST_ID_OVERRIDE_WHITELIST":["3b31a67bff4a"]},"sharedVoteMessaging":{"TAGS":["politics","election-2020","government","us-politics","election","2020-presidential-race","trump","donald-trump","democrats","republicans","congress","republican-party","democratic-party","biden","joe-biden","maga"],"TOPICS":["politics","election"],"MESSAGE":{"text":"Find out more about the U.S. election results here.","markups":[{"start":46,"end":50,"href":"https:\u002F\u002Fcookpolitical.com\u002F2020-national-popular-vote-tracker"}]},"EXCLUDE_POSTS":["397ef29e3ca5"]},"embedPostRules":[],"recircOptions":{"v1":{"limit":3},"v2":{"limit":8}},"braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","braintree":{"enabled":true,"merchantId":"m56f8fqpf7ngnrd4","merchantAccountId":{"usd":"AMediumCorporation_instant","eur":"amediumcorporation_EUR","cad":"amediumcorporation_CAD"},"publicKey":"ds2nn34bg2z7j5gd","braintreeEnvironment":"production","dashboardUrl":"https:\u002F\u002Fwww.braintreegateway.com\u002Fmerchants","gracePeriodDurationInDays":14,"mediumMembershipPlanId":{"monthly":"ce105f8c57a3","monthlyV2":"e8a5e126-792b-4ee6-8fba-d574c1b02fc5","monthlyWithTrial":"d5ee3dbe3db8","monthlyPremium":"fa741a9b47a2","yearly":"a40ad4a43185","yearlyV2":"3815d7d6-b8ca-4224-9b8c-182f9047866e","yearlyStaff":"d74fb811198a","yearlyWithTrial":"b3bc7350e5c7","yearlyPremium":"e21bd2c12166","monthlyOneYearFree":"e6c0637a-2bad-4171-ab4f-3c268633d83c","monthly25PercentOffFirstYear":"235ecc62-0cdb-49ae-9378-726cd21c504b","monthly20PercentOffFirstYear":"ba518864-9c13-4a99-91ca-411bf0cac756","monthly15PercentOffFirstYear":"594c029b-9f89-43d5-88f8-8173af4e070e","monthly10PercentOffFirstYear":"c6c7bc9a-40f2-4b51-8126-e28511d5bdb0","monthlyForStudents":"629ebe51-da7d-41fd-8293-34cd2f2030a8","yearlyOneYearFree":"78ba7be9-0d9f-4ece-aa3e-b54b826f2bf1","yearly25PercentOffFirstYear":"2dbb010d-bb8f-4eeb-ad5c-a08509f42d34","yearly20PercentOffFirstYear":"47565488-435b-47f8-bf93-40d5fbe0ebc8","yearly15PercentOffFirstYear":"8259809b-0881-47d9-acf7-6c001c7f720f","yearly10PercentOffFirstYear":"9dd694fb-96e1-472c-8d9e-3c868d5c1506","yearlyForStudents":"e29345ef-ab1c-4234-95c5-70e50fe6bc23","monthlyCad":"p52orjkaceei","yearlyCad":"h4q9g2up9ktt"},"braintreeDiscountId":{"oneMonthFree":"MONTHS_FREE_01","threeMonthsFree":"MONTHS_FREE_03","sixMonthsFree":"MONTHS_FREE_06","fiftyPercentOffOneYear":"FIFTY_PERCENT_OFF_ONE_YEAR"},"3DSecureVersion":"2","defaultCurrency":"usd","providerPlanIdCurrency":{"4ycw":"usd","rz3b":"usd","3kqm":"usd","jzw6":"usd","c2q2":"usd","nnsw":"usd","q8qw":"usd","d9y6":"usd","fx7w":"cad","nwf2":"cad"}},"paypalClientId":"AXj1G4fotC2GE8KzWX9mSxCH1wmPE3nJglf4Z2ig_amnhvlMVX87otaq58niAg9iuLktVNF_1WCMnN7v","paypal":{"host":"https:\u002F\u002Fapi.paypal.com:443","clientMode":"production","serverMode":"live","webhookId":"4G466076A0294510S","monthlyPlan":{"planId":"P-9WR0658853113943TMU5FDQA","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlan":{"planId":"P-7N8963881P8875835MU5JOPQ","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com\u002Fredeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"},"oldMonthlyPlan":{"planId":"P-96U02458LM656772MJZUVH2Y","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlan":{"planId":"P-59P80963JF186412JJZU3SMI","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"monthlyPlanWithTrial":{"planId":"P-66C21969LR178604GJPVKUKY","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlanWithTrial":{"planId":"P-6XW32684EX226940VKCT2MFA","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oldMonthlyPlanNoSetupFee":{"planId":"P-4N046520HR188054PCJC7LJI","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlanNoSetupFee":{"planId":"P-7A4913502Y5181304CJEJMXQ","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"sdkUrl":"https:\u002F\u002Fwww.paypal.com\u002Fsdk\u002Fjs"},"stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","log":{"json":true,"level":"info"},"imageUploadMaxSizeMb":25,"staffPicks":{"title":"Staff Picks","catalogId":"c7bc6e1ee00f"}},"session":{"xsrf":""}}</script><script>window.__APOLLO_STATE__ = {"ROOT_QUERY":{"__typename":"Query","viewer":null,"collectionByDomainOrSlug({\"domainOrSlug\":\"the-vue-point\"})":{"__ref":"Collection:4b3ffc258019"},"postResult({\"id\":\"e9bd7e2ecf08\"})":{"__ref":"Post:e9bd7e2ecf08"}},"ImageMetadata:":{"__typename":"ImageMetadata","id":"","originalWidth":0,"originalHeight":0},"Collection:4b3ffc258019":{"__typename":"Collection","id":"4b3ffc258019","favicon":{"__ref":"ImageMetadata:"},"customStyleSheet":null,"colorPalette":{"__typename":"ColorPalette","highlightSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FFE1FAE9","point":0},{"__typename":"ColorPoint","color":"#FFDBF9E5","point":0.1},{"__typename":"ColorPoint","color":"#FFD6F9E2","point":0.2},{"__typename":"ColorPoint","color":"#FFD0F9DF","point":0.3},{"__typename":"ColorPoint","color":"#FFC9F8DB","point":0.4},{"__typename":"ColorPoint","color":"#FFC3F8D8","point":0.5},{"__typename":"ColorPoint","color":"#FFBCF7D4","point":0.6},{"__typename":"ColorPoint","color":"#FFB6F7D1","point":0.7},{"__typename":"ColorPoint","color":"#FFAFF6CD","point":0.8},{"__typename":"ColorPoint","color":"#FFA8F6CA","point":0.9},{"__typename":"ColorPoint","color":"#FFA0F5C6","point":1}]},"defaultBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FF189C68","point":0},{"__typename":"ColorPoint","color":"#FF219062","point":0.1},{"__typename":"ColorPoint","color":"#FF26855B","point":0.2},{"__typename":"ColorPoint","color":"#FF287954","point":0.3},{"__typename":"ColorPoint","color":"#FF286D4D","point":0.4},{"__typename":"ColorPoint","color":"#FF276145","point":0.5},{"__typename":"ColorPoint","color":"#FF25543D","point":0.6},{"__typename":"ColorPoint","color":"#FF224734","point":0.7},{"__typename":"ColorPoint","color":"#FF1D3A2B","point":0.8},{"__typename":"ColorPoint","color":"#FF172C21","point":0.9},{"__typename":"ColorPoint","color":"#FF0F1E15","point":1}]},"tintBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FF42B983","colorPoints":[{"__typename":"ColorPoint","color":"#FF42B983","point":0},{"__typename":"ColorPoint","color":"#FF5AC28F","point":0.1},{"__typename":"ColorPoint","color":"#FF6FCA9B","point":0.2},{"__typename":"ColorPoint","color":"#FF82D2A7","point":0.3},{"__typename":"ColorPoint","color":"#FF94DAB2","point":0.4},{"__typename":"ColorPoint","color":"#FFA5E1BE","point":0.5},{"__typename":"ColorPoint","color":"#FFB5E9C9","point":0.6},{"__typename":"ColorPoint","color":"#FFC4F0D5","point":0.7},{"__typename":"ColorPoint","color":"#FFD4F7E0","point":0.8},{"__typename":"ColorPoint","color":"#FFE3FEEC","point":0.9},{"__typename":"ColorPoint","color":"#FFF1FFF7","point":1}]}},"domain":null,"slug":"the-vue-point","googleAnalyticsId":null,"name":"The Vue Point","avatar":{"__ref":"ImageMetadata:1*yeAO-nwsAqnzr7k-zoDkoQ.png"},"description":"The Official Vue.js Blog","subscriberCount":16271,"latestPostsConnection({\"paging\":{\"limit\":1}})":{"__typename":"PostConnection","posts":[{"__ref":"Post:66aa6c8e785e"}]},"isAuroraVisible":false,"tintColor":"#FF42B983","newsletterV3":null,"viewerEdge":{"__ref":"CollectionViewerEdge:collectionId:4b3ffc258019-viewerId:lo_1f500bec5674"},"twitterUsername":"vuejs","facebookPageId":null,"logo":{"__ref":"ImageMetadata:"}},"ImageMetadata:1*yeAO-nwsAqnzr7k-zoDkoQ.png":{"__typename":"ImageMetadata","id":"1*yeAO-nwsAqnzr7k-zoDkoQ.png"},"User:4f198f5f1f12":{"__typename":"User","id":"4f198f5f1f12","customDomainState":null,"hasSubdomain":false,"username":"youyuxi","linkedAccounts":{"__ref":"LinkedAccounts:4f198f5f1f12"},"isSuspended":false,"name":"Evan You","imageId":"0*k6Vzz_7jU2jXNEXT.jpeg","verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"socialStats":{"__typename":"SocialStats","followerCount":27338,"followingCount":441,"collectionFollowingCount":20},"bio":"Creator and project lead of Vue.js. I design, code and sometimes dream about making art.","membership":null,"allowNotes":true,"viewerEdge":{"__ref":"UserViewerEdge:userId:4f198f5f1f12-viewerId:lo_1f500bec5674"},"twitterScreenName":"youyuxi"},"Post:66aa6c8e785e":{"__typename":"Post","id":"66aa6c8e785e","firstPublishedAt":1549296755321,"creator":{"__ref":"User:4f198f5f1f12"},"collection":{"__ref":"Collection:4b3ffc258019"},"isSeries":false,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Fthe-vue-point\u002Fvue-2-6-released-66aa6c8e785e","sequence":null,"uniqueSlug":"vue-2-6-released-66aa6c8e785e"},"LinkedAccounts:4f198f5f1f12":{"__typename":"LinkedAccounts","mastodon":null,"id":"4f198f5f1f12"},"Paragraph:66f056723b5a_0":{"__typename":"Paragraph","id":"66f056723b5a_0","name":"1b45","type":"H3","href":null,"layout":null,"metadata":null,"text":"Upcoming TypeScript Changes in Vue 2.5","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_1":{"__typename":"Paragraph","id":"66f056723b5a_1","name":"7f2d","type":"H3","href":null,"layout":null,"metadata":null,"text":"Typing Improvements","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_2":{"__typename":"Paragraph","id":"66f056723b5a_2","name":"091b","type":"P","href":null,"layout":null,"metadata":null,"text":"We have been receiving requests for better TypeScript integration ever since the release of Vue 2.0. Since the release, we have included official TypeScript type declarations for most of the core libraries (vue, vue-router, vuex). However, the current integration is somewhat lacking when using the out-of-the-box Vue API. For example, TypeScript cannot easily infer the type of this inside the default object-based API that Vue uses. To make our Vue code play nicely with TypeScript, we have to use thevue-class-component decorator, which allows us to author Vue components using a class-based syntax.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"CODE","start":207,"end":210,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":212,"end":222,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":224,"end":228,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":379,"end":383,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":503,"end":522,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":503,"end":522,"href":"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue-class-component","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_3":{"__typename":"Paragraph","id":"66f056723b5a_3","name":"df98","type":"P","href":null,"layout":null,"metadata":null,"text":"For users that preferred a class-based API, this was probably good enough, but it was a bit unfortunate that users had to use a different API just for the sake of type inference. This also made migrating existing Vue codebases to TypeScript more challenging.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_4":{"__typename":"Paragraph","id":"66f056723b5a_4","name":"0b01","type":"P","href":null,"layout":null,"metadata":null,"text":"Earlier this year, TypeScript introduced a number of new features that makes it possible to improve Vue’s type declarations so that TypeScript can better understand the object literal based API. Daniel Rosenwasser from the TypeScript team started an ambitious PR (now being maintained here by core team member HerringtonDarkholme) which, once merged, will provide:","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":53,"end":65,"href":"https:\u002F\u002Fgithub.com\u002FMicrosoft\u002FTypeScript\u002Fpull\u002F14141","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":195,"end":213,"href":"https:\u002F\u002Fgithub.com\u002FDanielRosenwasser","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":250,"end":262,"href":"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue\u002Fpull\u002F5887","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":285,"end":289,"href":"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue\u002Fpull\u002F6391","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":310,"end":329,"href":"https:\u002F\u002Fgithub.com\u002FHerringtonDarkholme","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_5":{"__typename":"Paragraph","id":"66f056723b5a_5","name":"b00f","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Proper type inference for this when using the default Vue API. It also works inside single-file components!","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"CODE","start":26,"end":30,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_6":{"__typename":"Paragraph","id":"66f056723b5a_6","name":"3220","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Type inference for props on this based on the component’s propsoption.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"CODE","start":28,"end":32,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":58,"end":63,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_7":{"__typename":"Paragraph","id":"66f056723b5a_7","name":"2f87","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Most importantly, these improvements also benefit plain JavaScript users! If you are using VSCode with the awesome Vetur extension, you will get greatly improved autocompletion suggestions and even type hints when using plain JavaScript in Vue components! This is because vue-language-server, the internal package that is responsible for analyzing Vue components, can take advantage of the TypeScript compiler to extract more information about your code. Moreover, any editor that supports the language server protocol can leverage vue-language-server to provide similar features.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"CODE","start":272,"end":291,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":532,"end":551,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":115,"end":120,"href":"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvetur","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":272,"end":291,"href":"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-language-server","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":532,"end":551,"href":"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvetur\u002Ftree\u002Fmaster\u002Fserver","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":18,"end":73,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*ftKUpzYGIzn1eS87JcBS8Q.gif":{"__typename":"ImageMetadata","id":"1*ftKUpzYGIzn1eS87JcBS8Q.gif","originalHeight":1113,"originalWidth":1820,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:66f056723b5a_8":{"__typename":"Paragraph","id":"66f056723b5a_8","name":"a57b","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*ftKUpzYGIzn1eS87JcBS8Q.gif"},"text":"VSCode + Vetur + New Type Declarations in Action","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_9":{"__typename":"Paragraph","id":"66f056723b5a_9","name":"a8dc","type":"P","href":null,"layout":null,"metadata":null,"text":"For those who are curious, you can try it out today by cloning this playground project (make sure to checkout the new-types branch) and opening it with VSCode + Vetur!","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"CODE","start":114,"end":123,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":63,"end":86,"href":"https:\u002F\u002Fgithub.com\u002Foctref\u002Fveturpack\u002Ftree\u002Fnew-types","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_10":{"__typename":"Paragraph","id":"66f056723b5a_10","name":"3044","type":"H3","href":null,"layout":null,"metadata":null,"text":"Potential Required Actions for TypeScript Users","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_11":{"__typename":"Paragraph","id":"66f056723b5a_11","name":"3ed8","type":"P","href":null,"layout":null,"metadata":null,"text":"The typing upgrade will be shipped in Vue 2.5, currently planned to be released around early October. We are releasing it in a minor release because the JavaScript public API is not getting any breaking changes, however, the upgrade does potentially require some actions for existing TypeScript+Vue users. This is why we are announcing the changes now so that you can have enough time to plan for the upgrade.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_12":{"__typename":"Paragraph","id":"66f056723b5a_12","name":"d06c","type":"ULI","href":null,"layout":null,"metadata":null,"text":"The new typings require a minimum of TypeScript 2.4, and it’s recommended to upgrade to the latest version of TypeScript along with Vue 2.5.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_13":{"__typename":"Paragraph","id":"66f056723b5a_13","name":"de0a","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Previously, we already recommend using ES-style imports (import Vue from ‘vue’) everywhere with “allowSyntheticDefaultImports”: true in tsconfig.json. The new typings will officially move to ES-style import\u002Fexport syntax, so that config is no longer necessary, and users are required to use ES-style imports in all cases.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"CODE","start":57,"end":78,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":96,"end":132,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":136,"end":149,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_14":{"__typename":"Paragraph","id":"66f056723b5a_14","name":"a8e7","type":"ULI","href":null,"layout":null,"metadata":null,"text":"To accompany the export syntax change, the following core libraries that have typings relying on Vue core typing will receive new major versions, and should be upgraded along with Vue core 2.5: vuex, vue-router, vuex-router-sync, vue-class-component.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"CODE","start":194,"end":198,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":200,"end":210,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":212,"end":228,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":230,"end":249,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_15":{"__typename":"Paragraph","id":"66f056723b5a_15","name":"70d8","type":"ULI","href":null,"layout":null,"metadata":null,"text":"When performing custom module augmentations, the user should now use interface VueConstructor instead of namespace Vue. (example diff)","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"CODE","start":69,"end":93,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":105,"end":118,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":121,"end":133,"href":"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue\u002Fpull\u002F6391\u002Ffiles#diff-1c3e3e4cf681d5fde88941717da1058aL11","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_16":{"__typename":"Paragraph","id":"66f056723b5a_16","name":"f37c","type":"ULI","href":null,"layout":null,"metadata":null,"text":"ThisType of computed, watch, render and lifecycle hooks will need manual type annotations if you annotate your component options with as ComponentOptions\u003CSomething\u003E","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"CODE","start":12,"end":20,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":22,"end":27,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":29,"end":35,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":134,"end":164,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_17":{"__typename":"Paragraph","id":"66f056723b5a_17","name":"7199","type":"P","href":null,"layout":null,"metadata":null,"text":"We have tried our best to minimize required upgrading efforts and these type improvements are compatible with the class-based API used in vue-class-component. For most users, simply upgrading the dependencies and switching to ES-style imports should be all it takes. In the meanwhile, we also recommend locking your Vue version to 2.4.x until you are ready to upgrade.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"CODE","start":138,"end":157,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"CODE","start":331,"end":336,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_18":{"__typename":"Paragraph","id":"66f056723b5a_18","name":"8743","type":"H3","href":null,"layout":null,"metadata":null,"text":"On the Roadmap: TypeScript Support in vue-cli","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_19":{"__typename":"Paragraph","id":"66f056723b5a_19","name":"ce68","type":"P","href":null,"layout":null,"metadata":null,"text":"After 2.5, we are planning to introduce official support for TypeScript in the next version of vue-cli in order to make it easier for TS+Vue users to kick off new projects. Stay tuned!","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_20":{"__typename":"Paragraph","id":"66f056723b5a_20","name":"b2d2","type":"H3","href":null,"layout":null,"metadata":null,"text":"For non-TypeScript users","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_21":{"__typename":"Paragraph","id":"66f056723b5a_21","name":"d9ef","type":"P","href":null,"layout":null,"metadata":null,"text":"These changes do not affect non-TypeScript Vue users in any negative way; per semver, 2.5 will be fully backwards compatible in terms of public JavaScript API, and the TypeScript CLI integration will be completely opt-in. But as mentioned above, you will likely notice better auto-completion suggestions if you are using a vue-language-server powered editor extension.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"CODE","start":323,"end":342,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":323,"end":342,"href":"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvetur\u002Ftree\u002Fmaster\u002Fserver","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_22":{"__typename":"Paragraph","id":"66f056723b5a_22","name":"5d06","type":"P","href":null,"layout":null,"metadata":null,"text":"—","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:66f056723b5a_23":{"__typename":"Paragraph","id":"66f056723b5a_23","name":"3898","type":"P","href":null,"layout":null,"metadata":null,"text":"Thanks to Daniel Rosenwasser, HerringtonDarkholme, Katashin and Pine Wu for working on these features and reviewing this post.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":10,"end":28,"href":"https:\u002F\u002Fgithub.com\u002Fdanielrosenwasser","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":30,"end":49,"href":"https:\u002F\u002Fgithub.com\u002FHerringtonDarkholme","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":51,"end":59,"href":"https:\u002F\u002Fgithub.com\u002Fktsn","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":64,"end":71,"href":"https:\u002F\u002Fgithub.com\u002Foctref","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"CollectionViewerEdge:collectionId:4b3ffc258019-viewerId:lo_1f500bec5674":{"__typename":"CollectionViewerEdge","id":"collectionId:4b3ffc258019-viewerId:lo_1f500bec5674","isEditor":false,"isMuting":false},"UserViewerEdge:userId:4f198f5f1f12-viewerId:lo_1f500bec5674":{"__typename":"UserViewerEdge","id":"userId:4f198f5f1f12-viewerId:lo_1f500bec5674","isMuting":false},"PostViewerEdge:postId:e9bd7e2ecf08-viewerId:lo_1f500bec5674":{"__typename":"PostViewerEdge","shouldIndexPostForExternalSearch":true,"id":"postId:e9bd7e2ecf08-viewerId:lo_1f500bec5674"},"Tag:javascript":{"__typename":"Tag","id":"javascript","displayTitle":"JavaScript","normalizedTagSlug":"javascript"},"Tag:vuejs":{"__typename":"Tag","id":"vuejs","displayTitle":"Vuejs","normalizedTagSlug":"vuejs"},"Tag:typescript":{"__typename":"Tag","id":"typescript","displayTitle":"Typescript","normalizedTagSlug":"typescript"},"Tag:front-end-development":{"__typename":"Tag","id":"front-end-development","displayTitle":"Front End Development","normalizedTagSlug":"front-end-development"},"Post:e9bd7e2ecf08":{"__typename":"Post","id":"e9bd7e2ecf08","collection":{"__ref":"Collection:4b3ffc258019"},"content({\"postMeteringOptions\":{\"referrer\":\"https:\u002F\u002Fmedium.com\u002Fthe-vue-point\"}})":{"__typename":"PostContent","isLockedPreviewOnly":false,"bodyModel":{"__typename":"RichText","sections":[{"__typename":"Section","name":"bbf2","startIndex":0,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null}],"paragraphs":[{"__ref":"Paragraph:66f056723b5a_0"},{"__ref":"Paragraph:66f056723b5a_1"},{"__ref":"Paragraph:66f056723b5a_2"},{"__ref":"Paragraph:66f056723b5a_3"},{"__ref":"Paragraph:66f056723b5a_4"},{"__ref":"Paragraph:66f056723b5a_5"},{"__ref":"Paragraph:66f056723b5a_6"},{"__ref":"Paragraph:66f056723b5a_7"},{"__ref":"Paragraph:66f056723b5a_8"},{"__ref":"Paragraph:66f056723b5a_9"},{"__ref":"Paragraph:66f056723b5a_10"},{"__ref":"Paragraph:66f056723b5a_11"},{"__ref":"Paragraph:66f056723b5a_12"},{"__ref":"Paragraph:66f056723b5a_13"},{"__ref":"Paragraph:66f056723b5a_14"},{"__ref":"Paragraph:66f056723b5a_15"},{"__ref":"Paragraph:66f056723b5a_16"},{"__ref":"Paragraph:66f056723b5a_17"},{"__ref":"Paragraph:66f056723b5a_18"},{"__ref":"Paragraph:66f056723b5a_19"},{"__ref":"Paragraph:66f056723b5a_20"},{"__ref":"Paragraph:66f056723b5a_21"},{"__ref":"Paragraph:66f056723b5a_22"},{"__ref":"Paragraph:66f056723b5a_23"}]},"validatedShareKey":"","shareKeyCreator":null},"creator":{"__ref":"User:4f198f5f1f12"},"inResponseToEntityType":null,"isLocked":false,"isMarkedPaywallOnly":false,"lockedSource":"LOCKED_POST_SOURCE_NONE","mediumUrl":"https:\u002F\u002Fmedium.com\u002Fthe-vue-point\u002Fupcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08","primaryTopic":null,"topics":[{"__typename":"Topic","slug":"javascript"}],"isLimitedState":false,"isPublished":true,"allowResponses":true,"latestPublishedVersion":"66f056723b5a","visibility":"PUBLIC","postResponses":{"__typename":"PostResponses","count":19},"responseDistribution":"NOT_DISTRIBUTED","clapCount":7269,"title":"Upcoming TypeScript Changes in Vue 2.5","isSeries":false,"sequence":null,"uniqueSlug":"upcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08","socialTitle":"","socialDek":"","canonicalUrl":"","metaDescription":"","latestPublishedAt":1506014299066,"readingTime":3.0943396226415096,"previewContent":{"__typename":"PreviewContent","subtitle":"Typing Improvements"},"previewImage":{"__ref":"ImageMetadata:1*ftKUpzYGIzn1eS87JcBS8Q.gif"},"isShortform":false,"seoTitle":"","firstPublishedAt":1506006271338,"updatedAt":1529573238344,"shortformType":"SHORTFORM_TYPE_LINK","seoDescription":"","viewerEdge":{"__ref":"PostViewerEdge:postId:e9bd7e2ecf08-viewerId:lo_1f500bec5674"},"isSuspended":false,"license":"ALL_RIGHTS_RESERVED","tags":[{"__ref":"Tag:javascript"},{"__ref":"Tag:vuejs"},{"__ref":"Tag:typescript"},{"__ref":"Tag:front-end-development"}],"isFeaturedInPublishedPublication":false,"isNewsletter":false,"statusForCollection":"APPROVED","pendingCollection":null,"detectedLanguage":"en","wordCount":767,"layerCake":0,"responsesLocked":false}}</script><script>window.__MIDDLEWARE_STATE__={"session":{"xsrf":""},"cache":{"cacheStatus":"HIT"}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.8b67b313.js"></script><script src="https://cdn-client.medium.com/lite/static/js/9865.1496d74a.js"></script><script src="https://cdn-client.medium.com/lite/static/js/main.94ea62ed.js"></script><script src="https://cdn-client.medium.com/lite/static/js/instrumentation.5bef8967.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/reporting.ff22a7a5.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9120.5df29668.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5049.d1ead72d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4505.6dfaf853.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6618.db187378.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9380.fb176dee.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2707.dc8dbee4.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9977.933c1c9a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8599.68bc318b.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3045.1cc3d8cb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6349.3329b100.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2648.26563adf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8393.a4ecfb83.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6428.36238b5a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6199.6da73f3b.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5642.7d9f7f3d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6546.67eb283b.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6834.8aa8d357.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4492.0c3e1a1d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2571.6814b962.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/839.1c286b32.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6128.f8800a13.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2135.2e8dc177.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7975.60bcefe8.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/144.86429b48.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5240.6281357f.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8819.c627c2bf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8204.d0637ed0.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostPage.MainContent.c3ee9367.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8414.0d800846.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3974.8d3e0217.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2527.18a8996d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostResponsesContent.e1e580cb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/responses.editor.e89462cb.chunk.js"></script><script>window.main();</script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'91380b569dfeff7d',t:'MTczOTgxOTA3OC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>