diff --git a/docs/.vuepress/public/images/vueschool/close.svg b/docs/.vuepress/public/images/vueschool/close.svg
deleted file mode 100644
index 16b778615..000000000
--- a/docs/.vuepress/public/images/vueschool/close.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
-    <g fill="none" fill-rule="evenodd">
-        <g fill="#FFF" fill-rule="nonzero">
-            <path d="M1579.69 33.321c-.415-.414-1.084-.414-1.498 0L1573 38.503l-5.192-5.192c-.414-.415-1.083-.415-1.497 0-.415.414-.415 1.083 0 1.497l5.192 5.192-5.192 5.192c-.415.414-.415 1.083 0 1.497.414.415 1.083.415 1.497 0l5.192-5.192 5.192 5.192c.414.415 1.083.415 1.497 0 .415-.414.415-1.083 0-1.497L1574.497 40l5.192-5.192c.404-.404.404-1.083 0-1.487z" transform="translate(-1566 -33)"/>
-        </g>
-    </g>
-</svg>
diff --git a/docs/.vuepress/public/images/vueschool/vs-backpack.svg b/docs/.vuepress/public/images/vueschool/vs-backpack.svg
deleted file mode 100644
index 927a413fb..000000000
--- a/docs/.vuepress/public/images/vueschool/vs-backpack.svg
+++ /dev/null
@@ -1,71 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="71" height="71" viewBox="0 0 71 71">
-    <defs>
-        <linearGradient id="mjp5x84qsa" x1="49.986%" x2="49.986%" y1="1.65%" y2="98.883%">
-            <stop offset="0%" stop-color="#4FB5FB"/>
-            <stop offset="100%" stop-color="#4F80FB"/>
-        </linearGradient>
-        <linearGradient id="wieqezg04b" x1=".087%" x2="100%" y1="50.013%" y2="50.013%">
-            <stop offset="0%" stop-color="#4FB5FB"/>
-            <stop offset="100%" stop-color="#4F80FB"/>
-        </linearGradient>
-        <linearGradient id="ipqwdxzoxc" x1="48.283%" x2="52.547%" y1="15.466%" y2="92.497%">
-            <stop offset="0%" stop-color="#4FB5FB"/>
-            <stop offset="100%" stop-color="#4F80FB"/>
-        </linearGradient>
-        <linearGradient id="aitiri4hjd" x1="45.988%" x2="50.396%" y1="-16.978%" y2="61.574%">
-            <stop offset="0%" stop-color="#4FB5FB"/>
-            <stop offset="100%" stop-color="#4F80FB"/>
-        </linearGradient>
-    </defs>
-    <g fill="none" fill-rule="evenodd">
-        <g>
-            <g transform="translate(-70 -5) translate(70 5)">
-                <path fill="#000" fill-rule="nonzero" d="M4.508 61.038c-8.608 1.538-1.985 4.008 4.938 4.177 6.923 6.077 35.946 7.592 48.607 2.87 12.662-4.724 16.193-8.77 9.439-9.785-6.754-1.016-54.884.038-62.984 2.738z" opacity=".1"/>
-                <path fill="#6D7CFC" fill-rule="nonzero" d="M25.792 10.1C26.4 2.746 30.154-.07 34.03 0c3.877.07 7.839 2.308 7.77 9.808-2.454.769-2.454.43-2.454.43.208-7.43-7.9-12.453-10.77-.292-.916.177-1.853.228-2.784.154z"/>
-                <path fill="#4255C6" fill-rule="nonzero" d="M40.077 8.115c-.408-1.192-1.708-6.346-6-6.238-4.293.108-5.385 5.623-5.654 6.308-.27.684-1.392.976-2.508.769-.054.369-.092.769-.123 1.138.933.078 1.873.029 2.792-.146 2.862-12.17 10.97-7.138 10.77.292 0 0 0 .362 2.453-.43V8.615c-.677.154-1.492.193-1.73-.5z"/>
-                <path fill="#00A4FE" fill-rule="nonzero" d="M34.615 9.438c-12.569 0-24.938-.377-24.3 31.539.254 16.2 1.9 24.43 3.923 25.438 2.023 1.008 9.062 2.97 19.616 3.154h1.538c10.554-.177 17.692-2.185 19.615-3.154 1.923-.97 3.67-9.23 3.923-25.438C59.523 9.06 47.153 9.438 34.615 9.438z"/>
-                <g fill="#005782" fill-rule="nonzero" opacity=".92">
-                    <path d="M.508 34.869c0-9.285-.339-12.654 2.954-13.754 3.292-1.1 9.707-2.7 12.492-11.307C18.738 1.2 22.108.862 28.86.946c6.754.085 13.162.77 13.923 13.923.762 13.154.508 20.423.508 20.423s.123-16.83-.062-21.369C43.046 9.385 41.584 1.769 33.607.569c-7.976-1.2-28.1-1.2-31.3 7.892-3.2 9.093-1.8 26.408-1.8 26.408z" transform="translate(12.308 10.77)"/>
-                </g>
-                <path fill="#E535AB" d="M32.112 7.865l5.083 2.968c.147-.157.315-.292.5-.4 1.054-.613 2.399-.25 3.01.817.607 1.066.247 2.426-.807 3.045-.184.107-.381.187-.587.237v5.938c.203.05.399.129.58.235 1.061.619 1.42 1.979.809 3.045-.606 1.066-1.957 1.43-3.012.817-.204-.118-.388-.27-.544-.447l-5.052 2.95c.074.226.111.463.111.702C32.203 28.998 31.218 30 30 30s-2.203-.996-2.203-2.228c0-.22.031-.43.09-.63l-5.082-2.968c-.145.154-.312.286-.493.393-1.06.613-2.406.25-3.012-.817-.605-1.066-.246-2.426.808-3.045.182-.106.378-.185.581-.235v-5.938c-.206-.05-.403-.13-.587-.237-1.054-.613-1.414-1.979-.808-3.045.606-1.066 1.957-1.43 3.011-.817.184.108.352.242.498.397l5.084-2.968c-.06-.206-.09-.42-.09-.634C27.797 5.996 28.782 5 30 5s2.203.996 2.203 2.228c0 .221-.032.435-.091.637zM31.062 9l5.291 3.047c-.17.594-.092 1.23.218 1.766.322.559.847.93 1.429 1.073v6.09l-.089.024L31 9.061 31.061 9zM29 9.065L22.09 21l-.09-.024v-6.089c.582-.144 1.107-.515 1.429-1.073.31-.536.388-1.174.217-1.769L28.935 9l.065.065zM31.135 9L38 20.89c-.157.15-.292.322-.4.51-.108.188-.189.39-.24.6H23.64c-.052-.21-.132-.412-.24-.6-.109-.187-.243-.357-.4-.507l6.866-11.892c.206.059.42.089.634.089.22 0 .433-.032.635-.09zm.941 17L37 23.141c-.015-.046-.028-.093-.04-.141H24.022l-.022.083 4.948 2.873c.403-.422.961-.66 1.544-.66.603 0 1.178.255 1.584.704z" transform="rotate(13 30 17.5)"/>
-                <path fill="#41B883" fill-rule="nonzero" d="M0.538 26.623L27.692 34.446 20.984 6.992 16.892 10.915 20.922 27.385 4.576 22.769z"/>
-                <path fill="#35495E" fill-rule="nonzero" d="M4.576 22.746L20.968 27.438 16.899 10.915 13.115 14.546 14.653 20.892 8.322 19.108z"/>
-                <path fill="url(#mjp5x84qsa)" fill-rule="nonzero" d="M57.546 29.477c-.721-.796-1.375-1.65-1.954-2.554.061 3.608 0 16.846 0 13.7 0-3.454-.162-8.462-.539-14.962-.769-13.161-7.169-13.846-13.923-13.923-6.753-.077-10.123.254-12.907 8.862-2.785 8.607-9.162 10.169-12.454 11.284-3.292 1.116-2.954 4.47-2.954 13.754 0 0-.084-.985-.161-2.6v3.023c0 .085-.077.116-.2.1v14.377h-.685c.67 3.47 1.539 5.385 2.415 5.861 1.97.97 9.085 2.97 19.662 3.154h1.538C45.938 69.376 53.076 67.37 55 66.4c1.923-.969 3.669-9.23 3.923-25.438.084-3.336-.016-6.674-.3-10-.385-.523-.723-1.007-1.077-1.484z"/>
-                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M50.977 15.561v.047c-2.151-1.579-4.67-2.582-7.316-2.916h-.769c-1.485 0-2.808 0-4 .093-4.308.769-6.154 3.546-6.023 9.476.208 6.323-2.162 9.731-8.715 9.731-7.1 0-9.385.277-10.062 4.115-.5 2.839-.2 8.239 0 10.862.164.837.422 1.652.77 2.43 0 0 .346-8.522 1.022-12.36.677-3.84 2.939-4.116 10.039-4.116 6.554 0 8.93-3.408 8.761-9.777-.169-6.37 2.008-9.146 7.031-9.615 5.023-.47 8.692 2.307 10.715 3.846-.335-.711-.833-1.333-1.453-1.816z" opacity=".1"/>
-                <path fill="#0073BA" fill-rule="nonzero" d="M17.477 59.015c.769 2.723 1.538 4.554 6.269 4.877 4.73.323 10.377.377 15.484.723 5.108.346 11.9-1.27 13.162-3.608 1.261-2.338 1.915-14.854 1.223-17.115-.692-2.262-3.67-3.608-4.238-3.8" opacity=".92"/>
-                <path fill="#0073BA" fill-rule="nonzero" d="M52.476 13.961C57 23.846 56.43 51.038 55.2 57.876c-1.27 7.023-4.562 8.608-13.8 9.816-7.2.938-18.462.377-24.285-2.17-1.538-.861-2.546-10.769-2.992-13.584-.437-3.044-1.043-6.062-1.815-9.038-.585 1.43.769 15.292 1.23 19.707l-1.369-.3c.592 2.385 1.292 3.746 2.039 4.123 1.946.939 9.061 2.939 19.638 3.123h1.538C45.938 69.376 53.076 67.37 55 66.4c1.923-.969 3.669-9.23 3.923-25.438.261-15.023-2.323-22.884-6.447-27z" opacity=".92"/>
-                <path fill="url(#wieqezg04b)" fill-rule="nonzero" d="M52.223 57.369c0 8.1-21.87 4.807-26.739 4.807-4.092.008-8.561-.084-8.561-5.561V43.7c0-7.3 8.984-3.923 26.738-4.808 4.092-.208 8.53.092 8.53 5.57l.032 12.907z"/>
-                <g fill="#BBF1FF" fill-rule="nonzero">
-                    <g>
-                        <path d="M3.208 7.782C2.375 3.618 3.165.886 3.165.886S2.953 2.549 4.614 5.23c-.021 3.323.626 5.057.626 5.057l.133-.1-.133.118s-.985-.812-2.032-2.523zM7.133 7.192c.398.406.77.686 1.038.82l-.004-.003s.301.11.354.037c.368-.393.458-1.126.213-2.504-1.401-.808-1.578-2.069-1.578-2.069s-.253 1.75-.023 3.72z" opacity=".5" transform="translate(30.121 47.064) translate(0 .269)"/>
-                        <path d="M3.165.886s-1.153 3.99.798 9.674c.053.164 0 .346-.142.456l-2.058 1.457c-.195.146-.479.055-.567-.182C.646 10.779-.862 5.769.663.285.734.066.965-.061 1.178.03l1.987.856zM7.102 8.902L5.24 10.287s-.993-2.66-.479-7.707c.035-.291.337-.437.585-.291l1.81 1.184s-.355 2.46.16 4.828c.052.237-.036.474-.214.601zM10.544 5.823L8.823 4.675c-.106-.072-.266.037-.23.164C9 6.68 8.946 7.59 8.52 8.046c-.053.073-.354-.037-.354-.037.283.146.354.073.354.073.284-.218 1.349-1.002 2.023-1.475.266-.2.266-.602 0-.784z" transform="translate(30.121 47.064) translate(0 .269)"/>
-                    </g>
-                </g>
-                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M52.223 44.438c-.339-4.87-4.616-5.13-8.508-4.938-17.777.907-26.792-2.462-26.792 4.83v2.547c3.708.523 14.384-.77 21.177-.854 5.769-.054 13.015-.3 13.161.046.146.346.877 9.415.339 11.646-.677 2.785-5.993 3.5-10.423 3.415-4.431-.084-12.616 0-17.046.208-4.131.2-6.439-1.792-7.208-5.054v.33c0 5.478 4.438 5.57 8.53 5.57 4.87 0 26.739 3.292 26.739-4.808V44.438h.03z" opacity=".1"/>
-                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M21.323 45.684c.1 2.1-.77 4.616-.546 5.254.269.854 2.138.77 2.307 0 .17-.77-.569-5.223-.569-5.223l-1.192-.03z" opacity=".2"/>
-                <path fill="#6D7CFC" fill-rule="nonzero" d="M20.9 45.223c.1 2.1-.77 4.615-.546 5.254.269.853 2.138.769 2.307 0 .17-.77-.569-5.224-.569-5.224l-1.192-.03z"/>
-                <path fill="#6D7CFC" fill-rule="nonzero" d="M38.13 45.384c6.339-.054 12.723 0 14.093 0v-.923c0-5.477-4.446-5.769-8.531-5.569-17.754.885-26.77-2.492-26.77 4.808v2.546c3.732.515 14.409-.8 21.208-.862z"/>
-                <g fill="#00557F" fill-rule="nonzero" opacity=".92">
-                    <path d="M4.215.154C4.638-.038 4.846 4 4.846 4s-3.546.546-3.8-.63C.792 2.191-.869 2.307 4.216.153z" transform="translate(6.154 40)"/>
-                </g>
-                <path fill="url(#ipqwdxzoxc)" fill-rule="nonzero" d="M6.638 41.738c-.969.716.039 3.715.862 9.723.823 6.008 1.138 11.462 1.961 12.47.824 1.007 4.431 1.9 5.57 1.268-1.646-11.707-2.408-22.845-2.47-22.845-3.415.376-7.253.146-2.007-2.008.004-.143-.04-.284-.123-.4-1.2 0-2.97 1.184-3.793 1.792z"/>
-                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M12.646 43.13c-.37.331-1.223 1.285-1.223 1.285s1.815 14.092 1.77 16.923c-.04 2.685-1.924 3.261-4.17 1.461.075.39.223.76.438 1.093.824 1.015 4.431 1.9 5.57 1.269-1.385-9.838-2.146-19.3-2.385-22.03z" opacity=".1"/>
-                <path fill="#6D7CFC" fill-rule="nonzero" d="M12.8 44.961c-.146-1.646-.223-2.607-.239-2.607-3.415.376-7.253.146-2.007-2.008.004-.143-.04-.284-.123-.4-1.2 0-3.693 1.246-4.008 1.769-.315.523-.262 1.154-.085 2.508 1 1.315 4.785 1.53 6.462.738z"/>
-                <path fill="url(#aitiri4hjd)" fill-rule="nonzero" d="M64.184 41.93c.97.716 0 3.523-.823 9.539-.823 6.015-1.138 11.454-1.962 12.461-.823 1.008-4.43 1.9-5.569 1.27 1.646-11.708 2.408-22.846 2.47-22.846 3.415.376 7.753.43 2.5-1.716 0-.254-.408-.192-.408-.192 1.371.158 2.678.67 3.792 1.484z"/>
-                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M61.4 63.93c.31-.537.509-1.13.584-1.746-.725 1.115-1.97 1.782-3.3 1.77-1.354.045 1.139-14.347 1.477-19.577l.77-1.831h-.7c-.531.169-1.255.423-1.985.769-.293 2.838-1.046 12.146-2.416 21.884 1.139.631 4.746-.253 5.57-1.269z" opacity=".1"/>
-                <path fill="#6D7CFC" fill-rule="nonzero" d="M58.061 44.961c.146-1.646.223-2.607.239-2.607 5.73.561 6.33-.516.569-1.816.007-.19.038-.379.092-.561 1.85.25 3.634.848 5.262 1.761.446.33.469 1.139.292 2.485-.992 1.315-4.777 1.53-6.454.738z"/>
-                <circle cx="21.577" cy="49.73" r="1" fill="#365ACE" fill-rule="nonzero"/>
-                <path fill="#FFF" fill-opacity=".2" fill-rule="nonzero" d="M40.077 12.538c3.922-.385 7.85.682 11.038 3-.332-.94-.889-1.786-1.623-2.461-2.377-1.246-5.254-1.392-8.192-1.43-6.754-.086-10.123.253-12.908 8.86-2.785 8.608-9.23 10.208-12.492 11.308-2.385.77-2.862 2.792-2.946 7.362.246 7.876 1.207 10 1.384 9.23 0 0-.769-8.523-.115-12.361.654-3.839 2.961-4.115 10.061-4.115 6.554 0 8.931-3.408 8.762-9.777-.17-6.37 2.008-9.146 7.03-9.616z"/>
-                <path fill="#112C4F" fill-rule="nonzero" d="M54.753 42.692c-.056-.297-.086-.598-.092-.9l-.17-2.562c-.138-2.246-.33-5.5-.63-9.515-.146-2.008-.323-4.208-.57-6.554-.138-1.169-.238-2.407-.491-3.607-.213-1.24-.786-2.39-1.647-3.308-1.769-1.9-4.615-2.677-7.407-2.938-1.456-.125-2.918-.148-4.377-.07-1.454.07-3 .293-4 1.354-.927 1.141-1.532 2.509-1.754 3.962-.262 1.424-.442 2.862-.538 4.307-.024 1.441-.19 2.876-.493 4.285-.35 1.394-1.164 2.628-2.307 3.5-1.112.756-2.389 1.236-3.723 1.4-1.226.166-2.463.238-3.7.215-1.185 0-2.308-.038-3.416 0-1.025-.026-2.043.182-2.977.608-.835.384-1.503 1.06-1.877 1.9-.3.778-.457 1.604-.461 2.438-.046 1.585.092 2.962.146 4.085.054 1.123.108 2 .108 2.592.026.302.026.606 0 .908-.057-.297-.088-.598-.093-.9l-.223-2.585c-.153-1.364-.235-2.735-.246-4.107-.024-.88.114-1.756.408-2.585.397-.93 1.119-1.685 2.03-2.123.983-.467 2.06-.704 3.147-.692 1.108-.054 2.254 0 3.438 0 1.21.012 2.418-.068 3.616-.239 1.25-.16 2.445-.616 3.484-1.33 1.036-.806 1.769-1.94 2.077-3.216.288-1.374.442-2.773.462-4.177.111-1.49.312-2.972.6-4.438.241-1.562.9-3.029 1.907-4.246.574-.585 1.298-1 2.093-1.2.754-.196 1.528-.305 2.307-.323 1.485-.076 2.973-.048 4.454.084 1.443.12 2.865.422 4.23.9 1.316.46 2.505 1.225 3.47 2.231.921.993 1.53 2.234 1.754 3.57.246 1.268.338 2.476.47 3.66.222 2.362.376 4.562.5 6.578.245 4.023.368 7.276.438 9.53l.061 2.593c.025.304.022.61-.008.915z"/>
-                <path fill="#89F" fill-rule="nonzero" d="M9.061 40.707c-1.538.631-3.13 2.308 1.87 2.046-4.623 1.616-5.546-1.415-1.87-2.046zM17.692 42.223c.423-1.539 1.646-2.739 5.739-2.87 4.092-.13 7.084-.038 6.838.254-.246.293-7.892 0-9.577.931-1.684.93-2.784 2.87-2.954 2.746-.169-.123-.046-1.061-.046-1.061zM43.323 39.777c1.307.338 5.384 0 6.754 1.538.969 1.1.93.17-.208-.97-1.139-1.138-6.792-.991-6.546-.568z"/>
-                <g fill="#000" fill-rule="nonzero" opacity=".1">
-                    <path d="M2.762 2.492c-.608 0-1.324-.061-2.154-.146 0 0-.1.962-.239 2.608.616.255 1.272.401 1.939.43.041-.978.193-1.948.454-2.892zM6.53 1.738C4.903.833 3.118.243 1.27 0c-.055.183-.086.371-.093.562 1.176.208 2.328.536 3.438.976.431-.006.861.049 1.277.162l.893.3c-.063-.106-.15-.196-.254-.262z" opacity=".5" transform="translate(57.692 40)"/>
-                </g>
-                <path fill="#0CAFAF" fill-rule="nonzero" d="M38.13 45.384c6.339-.054 12.723 0 14.093 0v-.923c0-2.023-.608-3.338-1.577-4.184.64 1.35.89 2.853.723 4.338-.092.477-3.985.223-7.37.315-3.384.093-14.715.223-18.384.77-3.669.546-8.1.223-8.161-.162-.186-1.13-.292-2.27-.316-3.415-.138.514-.21 1.044-.215 1.577v2.546c3.73.515 14.408-.8 21.207-.862z" opacity=".42"/>
-                <path fill="#000" fill-opacity=".5" fill-rule="nonzero" d="M11.538 45.315c.43-.063.85-.185 1.247-.362-.147-1.646-.224-2.607-.239-2.607-.461.054-.923.092-1.377.115.17.9.27 2.108.37 2.854z" opacity=".1"/>
-                <path fill="#89F" fill-rule="nonzero" d="M29.438 2.215C29.6 2.662 32.415 1.17 32.1.823c-.316-.346-2.693.67-2.662 1.392z"/>
-                <path fill="#00557F" fill-rule="nonzero" d="M58.869 40.538s4.43.985 4.007 1.616c-.423.63-4.038.253-4.038.253l.03-1.869z" opacity=".92"/>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/docs/.vuepress/public/images/vueschool/vs-iso.svg b/docs/.vuepress/public/images/vueschool/vs-iso.svg
deleted file mode 100644
index d5fbbaac9..000000000
--- a/docs/.vuepress/public/images/vueschool/vs-iso.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="22" height="26" viewBox="0 0 22 26">
-    <g fill="none" fill-rule="evenodd">
-        <g fill-rule="nonzero">
-            <g>
-                <path fill="#FCFCFE" d="M6.344 15.227C4.696 7.08 6.257 1.734 6.257 1.734s-.417 3.254 2.866 8.5c-.042 6.503 1.238 9.895 1.238 9.895l.263-.194-.263.23s-1.946-1.59-4.017-4.938zM14.104 14.074c.788.793 1.523 1.342 2.054 1.603l-.01-.004s.597.214.702.071c.727-.77.905-2.204.42-4.9-2.77-1.581-3.12-4.048-3.12-4.048s-.5 3.424-.046 7.278z" opacity=".5" transform="translate(-10 -17) translate(10 17)"/>
-                <path fill="#FFF" d="M6.257 1.734s-2.28 7.807 1.579 18.93c.105.32 0 .677-.28.89l-4.07 2.853c-.385.285-.946.107-1.122-.357C1.277 21.091-1.705 11.288 1.312.557c.14-.428.596-.677 1.017-.499l3.928 1.676zM14.044 17.42l-3.683 2.709s-1.964-5.205-.947-15.08c.07-.57.667-.855 1.158-.57l3.577 2.317s-.701 4.813.316 9.447c.105.464-.07.927-.42 1.177zM20.848 11.395l-3.402-2.246c-.21-.143-.526.071-.456.32.807 3.601.702 5.384-.14 6.275-.105.143-.702-.071-.702-.071.562.285.702.142.702.142.561-.427 2.666-1.96 3.998-2.887.527-.392.527-1.177 0-1.533z" transform="translate(-10 -17) translate(10 17)"/>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/docs/.vuepress/public/images/vueschool/vs-logo.svg b/docs/.vuepress/public/images/vueschool/vs-logo.svg
deleted file mode 100644
index 4e060ce4e..000000000
--- a/docs/.vuepress/public/images/vueschool/vs-logo.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="120" height="41" viewBox="0 0 120 41">
-    <g fill="none" fill-rule="evenodd">
-        <g fill-rule="nonzero">
-            <g>
-                <g>
-                    <path fill="#FCFCFE" d="M10.381 24.917c-2.696-13.332-.141-22.08-.141-22.08s-.684 5.325 4.688 13.91c-.068 10.64 2.027 16.191 2.027 16.191l.43-.316-.43.375s-3.186-2.6-6.574-8.08zM23.08 23.03c1.289 1.298 2.491 2.197 3.36 2.624l-.015-.008s.976.35 1.148.117c1.19-1.26 1.48-3.606.687-8.017-4.534-2.589-5.107-6.625-5.107-6.625s-.816 5.603-.073 11.909z" opacity=".5" transform="translate(-50 -20) translate(50 20)"/>
-                    <path fill="#FFF" d="M10.24 2.837s-3.731 12.776 2.582 30.976c.172.525 0 1.109-.459 1.459l-6.658 4.667c-.631.466-1.55.175-1.836-.584C2.089 34.513-2.79 18.471 2.147.912c.23-.7.975-1.108 1.664-.817l6.428 2.742zM22.981 28.505l-6.026 4.433s-3.214-8.517-1.55-24.676c.115-.933 1.09-1.4 1.894-.933l5.854 3.792s-1.148 7.875.517 15.459c.172.758-.115 1.516-.689 1.925zM34.116 18.646l-5.568-3.675c-.344-.233-.86.117-.746.525 1.32 5.892 1.148 8.809-.23 10.267-.172.233-1.147-.117-1.147-.117.918.467 1.148.234 1.148.234.918-.7 4.362-3.209 6.543-4.726.86-.641.86-1.925 0-2.508z" transform="translate(-50 -20) translate(50 20)"/>
-                </g>
-                <path fill="#FFF" d="M54.132 17.571l4.401-11.864H56.09l-3.096 8.819-3.096-8.82h-2.527l4.385 11.865h2.376zm8.066.218c.87 0 1.824-.335 2.276-1.105 0 .335.034.72.067.887h2.126c-.034-.284-.084-.853-.084-1.489V9.338h-2.226v4.786c0 .954-.569 1.623-1.556 1.623-1.038 0-1.506-.736-1.506-1.656V9.338h-2.226v5.204c0 1.791 1.138 3.247 3.13 3.247zm10.36.033c2.024 0 3.33-1.188 3.748-2.61l-1.858-.552c-.268.736-.837 1.255-1.874 1.255-1.105 0-2.025-.787-2.075-1.875h5.89c0-.033.034-.368.034-.686 0-2.644-1.523-4.267-4.067-4.267-2.108 0-4.05 1.707-4.05 4.334 0 2.778 1.992 4.401 4.251 4.401zm1.673-5.304h-3.682c.05-.754.686-1.624 1.84-1.624 1.273 0 1.808.804 1.842 1.624zM52.425 35.394c2.762 0 4.284-1.84 4.284-3.665 0-1.673-1.154-3.08-3.313-3.498l-1.657-.318c-.87-.167-1.288-.686-1.288-1.338 0-.787.736-1.506 1.857-1.506 1.506 0 2.042 1.02 2.159 1.673l2.075-.636c-.268-1.339-1.372-3.08-4.25-3.08-2.243 0-4.134 1.607-4.134 3.716 0 1.79 1.222 3.012 3.113 3.397l1.656.335c.92.184 1.44.72 1.44 1.406 0 .836-.687 1.456-1.925 1.456-1.673 0-2.493-1.055-2.594-2.226l-2.142.569c.184 1.69 1.573 3.715 4.72 3.715zm9.723 0c2.192 0 3.481-1.406 3.85-2.778l-1.959-.653c-.184.636-.753 1.39-1.89 1.39-1.139 0-2.11-.837-2.11-2.327s.954-2.31 2.092-2.31c1.105 0 1.624.704 1.825 1.39l1.99-.67c-.35-1.389-1.622-2.778-3.865-2.778-2.393 0-4.267 1.824-4.267 4.368 0 2.527 1.908 4.368 4.334 4.368zm7.715-.251v-4.836c.05-.904.602-1.607 1.54-1.607 1.07 0 1.522.72 1.522 1.64v4.803h2.226v-5.188c0-1.807-.97-3.263-3.062-3.263-.787 0-1.69.268-2.226.904v-4.57h-2.226v12.117h2.226zm11.246.25c2.46 0 4.317-1.84 4.317-4.367 0-2.544-1.857-4.368-4.317-4.368s-4.318 1.824-4.318 4.368c0 2.527 1.858 4.368 4.318 4.368zm0-2.024c-1.088 0-2.092-.803-2.092-2.343 0-1.556 1.004-2.343 2.092-2.343 1.087 0 2.091.787 2.091 2.343s-1.004 2.343-2.091 2.343zm9.773 2.025c2.46 0 4.317-1.84 4.317-4.368 0-2.544-1.857-4.368-4.317-4.368s-4.318 1.824-4.318 4.368c0 2.527 1.858 4.368 4.318 4.368zm0-2.025c-1.088 0-2.092-.803-2.092-2.343 0-1.556 1.004-2.343 2.092-2.343 1.087 0 2.091.787 2.091 2.343s-1.004 2.343-2.091 2.343zm8.3 1.774V23.027h-2.226v12.116h2.226zm3.682.117c.853 0 1.54-.686 1.54-1.523 0-.837-.687-1.523-1.54-1.523-.837 0-1.523.686-1.523 1.523 0 .837.686 1.523 1.523 1.523zm4.903-9.69c.77 0 1.372-.619 1.372-1.355 0-.77-.602-1.389-1.372-1.389-.753 0-1.372.62-1.372 1.39 0 .735.619 1.355 1.372 1.355zm1.121 9.573v-8.234h-2.226v8.234h2.226zm6.075.25c2.46 0 4.317-1.84 4.317-4.367 0-2.544-1.857-4.368-4.317-4.368s-4.318 1.824-4.318 4.368c0 2.527 1.858 4.368 4.318 4.368zm0-2.024c-1.088 0-2.092-.803-2.092-2.343 0-1.556 1.004-2.343 2.092-2.343s2.092.787 2.092 2.343-1.004 2.343-2.092 2.343z" transform="translate(-50 -20) translate(50 20)"/>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/docs/.vuepress/theme/Layout.vue b/docs/.vuepress/theme/Layout.vue
index 4a48b64dc..3a5fc8151 100644
--- a/docs/.vuepress/theme/Layout.vue
+++ b/docs/.vuepress/theme/Layout.vue
@@ -1,183 +1,36 @@
 <template>
-  <div
-    class="theme-container"
-    :class="pageClasses"
-    @touchstart="onTouchStart"
-    @touchend="onTouchEnd"
-  >
-    <BannerTop
-      v-if="showTopBanner"
-      @close="closeBannerTop"
-    />
-
-    <Navbar
-      v-if="shouldShowNavbar"
-      @toggle-sidebar="toggleSidebar"
-    />
-
-    <div
-      class="sidebar-mask"
-      @click="toggleSidebar(false)"
-    />
-
-    <Sidebar
-      :items="sidebarItems"
-      @toggle-sidebar="toggleSidebar"
-    >
-      <template #top>
-        <slot name="sidebar-top" />
-      </template>
-      <template #bottom>
-        <slot name="sidebar-bottom" />
-      </template>
-    </Sidebar>
-
-    <Home v-if="$page.frontmatter.home" />
-
-    <Page
-      v-else
-      :sidebar-items="sidebarItems"
-    >
-      <template #top>
-        <CarbonAds
-          v-if="$site.themeConfig.carbonAds"
-          :key="'ca:' + $page.path"
-          :code="$site.themeConfig.carbonAds.carbon"
-          :placement="$site.themeConfig.carbonAds.placement"
-        />
-        <slot name="page-top" />
-      </template>
-      <template #bottom>
-        <BuySellAds
-          v-if="$site.themeConfig.carbonAds"
-          :key="'bsa:' + $page.path"
-          :code="$site.themeConfig.carbonAds.custom"
-          :placement="$site.themeConfig.carbonAds.placement"
-        />
-        <slot name="page-bottom" />
-      </template>
-    </Page>
-  </div>
+  <ParentLayout>
+    <template #page-top>
+      <CarbonAds
+        v-if="$site.themeConfig.carbonAds"
+        :key="'ca:' + $page.path"
+        :code="$site.themeConfig.carbonAds.carbon"
+        :placement="$site.themeConfig.carbonAds.placement"
+      />
+    </template>
+    <template #page-bottom>
+      <BuySellAds
+        v-if="$site.themeConfig.carbonAds"
+        :key="'bsa:' + $page.path"
+        :code="$site.themeConfig.carbonAds.custom"
+        :placement="$site.themeConfig.carbonAds.placement"
+      />
+    </template>
+  </ParentLayout>
 </template>
 
 <script>
-import Home from '@theme/components/Home.vue'
-import Navbar from '@theme/components/Navbar.vue'
-import Page from '@theme/components/Page.vue'
-import Sidebar from '@theme/components/Sidebar.vue'
-import BuySellAds from '@theme/components/BuySellAds.vue'
-import CarbonAds from '@theme/components/CarbonAds.vue'
-import BannerTop from '@theme/components/BannerTop.vue'
-import { resolveSidebarItems } from '@vuepress/theme-default/util'
+import ParentLayout from '@parent-theme/layouts/Layout.vue'
+import CarbonAds from './components/CarbonAds.vue'
+import BuySellAds from './components/BuySellAds.vue'
 
 export default {
   name: 'Layout',
 
   components: {
-    Home,
-    Page,
-    Sidebar,
-    Navbar,
-    BannerTop,
-    BuySellAds,
-    CarbonAds
-  },
-
-  data () {
-    return {
-      showTopBanner: false,
-      isSidebarOpen: false
-    }
-  },
-
-  computed: {
-    shouldShowNavbar () {
-      const { themeConfig } = this.$site
-      const { frontmatter } = this.$page
-      if (
-        frontmatter.navbar === false
-        || themeConfig.navbar === false) {
-        return false
-      }
-      return (
-        this.$title
-        || themeConfig.logo
-        || themeConfig.repo
-        || themeConfig.nav
-        || this.$themeLocaleConfig.nav
-      )
-    },
-
-    shouldShowSidebar () {
-      const { frontmatter } = this.$page
-      return (
-        !frontmatter.home
-        && frontmatter.sidebar !== false
-        && this.sidebarItems.length
-      )
-    },
-
-    sidebarItems () {
-      return resolveSidebarItems(
-        this.$page,
-        this.$page.regularPath,
-        this.$site,
-        this.$localePath
-      )
-    },
-
-    pageClasses () {
-      const userPageClass = this.$page.frontmatter.pageClass
-      return [
-        {
-          'no-navbar': !this.shouldShowNavbar,
-          'sidebar-open': this.isSidebarOpen,
-          'no-sidebar': !this.shouldShowSidebar,
-          'has-top-banner': this.showTopBanner
-        },
-        userPageClass
-      ]
-    }
-  },
-
-  mounted () {
-    this.$router.afterEach(() => {
-      this.isSidebarOpen = false
-    })
-
-    this.showTopBanner = !localStorage.getItem('VS_OFFER_BANNER_CLOSED')
-  },
-
-  methods: {
-    closeBannerTop () {
-      this.showTopBanner = false
-      localStorage.setItem('VS_OFFER_BANNER_CLOSED', 1)
-    },
-
-    toggleSidebar (to) {
-      this.isSidebarOpen = typeof to === 'boolean' ? to : !this.isSidebarOpen
-      this.$emit('toggle-sidebar', this.isSidebarOpen)
-    },
-
-    // side swipe
-    onTouchStart (e) {
-      this.touchStart = {
-        x: e.changedTouches[0].clientX,
-        y: e.changedTouches[0].clientY
-      }
-    },
-
-    onTouchEnd (e) {
-      const dx = e.changedTouches[0].clientX - this.touchStart.x
-      const dy = e.changedTouches[0].clientY - this.touchStart.y
-      if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 40) {
-        if (dx > 0 && this.touchStart.x <= 80) {
-          this.toggleSidebar(true)
-        } else {
-          this.toggleSidebar(false)
-        }
-      }
-    }
+    ParentLayout,
+    CarbonAds,
+    BuySellAds
   }
 }
 </script>
diff --git a/docs/.vuepress/theme/components/BannerTop.vue b/docs/.vuepress/theme/components/BannerTop.vue
deleted file mode 100644
index b8c77be16..000000000
--- a/docs/.vuepress/theme/components/BannerTop.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-<template>
-  <a id="vs" href="https://vueschool.io/sales/flashsale21/?friend=vuerouter" target="_blank" rel="noreferrer">
-    <div class="vs-iso">
-      <img src="/images/vueschool/vs-iso.svg" alt="Vue School logo">
-    </div>
-    <div class="vs-logo">
-      <img src="/images/vueschool/vs-logo.svg" alt="Vue School logo">
-    </div>
-    <div class="vs-core">
-      <div class="vs-illustration">
-        <img src="/images/vueschool/vs-backpack.svg" alt="backpack illustration">
-      </div>
-      <div class="vs-slogan">
-        <span class="vs-slogan-main">Flash Sale -</span> Less than <span style="color: #1fdb69">48hrs left</span> to get 20% OFF!
-      </div>
-      <div class="vs-button">
-        GET OFFER
-      </div>
-    </div>
-    <div
-      id="vs-close"
-      class="vs-close"
-      @click.stop.prevent="$emit('close')">
-      <img src="/images/vueschool/close.svg" alt="Close">
-    </div>
-  </a>
-</template>
-
-<style lang="stylus">
-$topBannerHeight ?= 5rem
-$topBannerHeightMobile ?= 3.125rem
-$navbarHeight ?= 3.6rem
-$contentClass = '.theme-default-content'
-
-@import url('https://fonts.googleapis.com/css?family=Roboto')
-
-#vs
-  align-items: center
-  background-color: #202A5A
-  background-position: top right
-  background-repeat: no-repeat
-  background-size: cover
-  box-sizing: border-box
-  color: #fff
-  display: none
-  font-family 'Roboto', Oxygen, Fira Sans, Helvetica Neue, sans-serif
-  justify-content: center
-  position: fixed
-  padding: 0 10px
-  left: 0
-  right: 0
-  top: 0
-  z-index: 100
-  height: $topBannerHeightMobile
-  @media (min-width: 680px)
-    height: $topBannerHeight
-  &:hover
-    .vs-core
-      .vs-button
-        background-color: #364fde
-
-  .vs-iso
-      position: absolute
-      left: 20px
-      height: 26px
-      img
-        height: 26px
-      @media (min-width: 680px)
-        display: none
-
-  .vs-logo
-    position: absolute
-    display: none
-    left: 40px
-    @media (min-width: 900px)
-      display: block
-
-  .vs-core
-    display: flex
-    align-items: center
-
-    .vs-illustration
-      display: none
-      @media (min-width: 680px)
-        display: inline-block
-        margin-right: 8px
-      @media (min-width: 900px)
-        margin-right: 20px
-
-    .vs-slogan
-      text-align: center
-      font-size: 14px
-      @media (min-width: 680px)
-        font-size: 20px
-      @media (min-width: 900px)
-        font-size: 22px
-      .vs-slogan-main
-        font-weight: bold
-        display: none
-        @media (min-width: 680px)
-          display: inline
-
-    .vs-button
-      margin-left: 8px
-      color: #fff
-      background: #667dff
-      padding: 2px
-      border-radius: 40px
-      display: none
-      padding: 17px 24px
-      font-weight: bold
-      @media (min-width: 680px)
-        display: inline-block
-      @media (min-width: 900px)
-        margin-left: 20px
-
-  .vs-close
-      right: 10px
-      position: absolute
-      padding: 10px
-      @media (min-width: 680px)
-        right: 0px
-      @media (min-width: 900px)
-        right: 20px
-      &:hover
-        color: #56D8FF
-
-/************************************/
-
-// Show banner only if the container has class "has-top-banner"
-.theme-container.has-top-banner
-  #vs
-    display: flex
-
-// Add margin top to body, navbar and sidebar
-.theme-container.has-top-banner
-  margin-top: $topBannerHeightMobile
-  .navbar
-    margin-top: $topBannerHeightMobile
-  .sidebar
-    margin-top: $topBannerHeightMobile
-@media (min-width: 680px)
-  .theme-container.has-top-banner
-    margin-top: $topBannerHeight
-    .navbar
-      margin-top: $topBannerHeight
-    .sidebar
-      margin-top: $topBannerHeight
-
-// Adjust titles margin and padding for anchor links
-.theme-container.has-top-banner
-  {$contentClass}:not(.custom)
-    h1, h2, h3, h4, h5, h6
-      margin-top (2.5rem - $topBannerHeightMobile - $navbarHeight)
-      padding-top ($navbarHeight + $topBannerHeightMobile + 1rem)
-@media (min-width: 680px)
-  .theme-container.has-top-banner
-    {$contentClass}:not(.custom)
-      h1, h2, h3, h4, h5, h6
-        margin-top (2.5rem - $topBannerHeight - $navbarHeight)
-        padding-top ($navbarHeight + $topBannerHeight + 1rem)
-</style>