diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index 64950b8ae..77533b33b 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -49,7 +49,7 @@ const nav: ThemeConfig['nav'] = [
           { text: 'UI 组件', link: 'https://ui-libs.vercel.app/' },
           {
             text: '证书',
-            link: 'https://certification.vuejs.org/?ref=vuejs-nav'
+            link: 'https://certificates.dev/vuejs/?ref=vuejs-nav'
           },
           { text: '找工作', link: 'https://vuejobs.com/?ref=vuejs' },
           { text: 'T-Shirt 商店', link: 'https://vue.threadless.com/' }
@@ -113,6 +113,7 @@ const nav: ThemeConfig['nav'] = [
         link: '/about/community-guide'
       },
       { text: '行为规范', link: '/about/coc' },
+      { text: '隐私政策', link: '/about/privacy' },
       {
         text: '纪录片',
         link: 'https://www.youtube.com/watch?v=OrxmtDw4pVI'
@@ -634,6 +635,14 @@ export default defineConfigWithTheme<ThemeConfig>({
         'utf-8'
       )
     ],
+    [
+      'script',
+      {},
+      fs.readFileSync(
+        path.resolve(__dirname, './inlined-scripts/uwu.js'),
+        'utf-8'
+      )
+    ],
     [
       'script',
       {
diff --git a/.vitepress/inlined-scripts/uwu.js b/.vitepress/inlined-scripts/uwu.js
new file mode 100644
index 000000000..5b25107e4
--- /dev/null
+++ b/.vitepress/inlined-scripts/uwu.js
@@ -0,0 +1,3 @@
+if (location.search.includes('?uwu')) {
+  document.documentElement.classList.add('uwu')
+}
diff --git a/.vitepress/theme/components/Home.vue b/.vitepress/theme/components/Home.vue
index 5ad71b7b5..daa5ea72e 100644
--- a/.vitepress/theme/components/Home.vue
+++ b/.vitepress/theme/components/Home.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted } from 'vue'
+import { ref, onMounted } from 'vue'
 import SiteMap from './SiteMap.vue'
 // import NewsLetter from './NewsLetter.vue'
 import { load, data, base } from './sponsors'
@@ -8,13 +8,12 @@ import SponsorsGroup from './SponsorsGroup.vue'
 // https://github.com/vuejs-translations/docs-zh-cn/issues/177
 // import VueMasteryModal from './VueMasteryModal.vue'
 
-onMounted(async () => {
-  await load()
-})
+onMounted(load)
 </script>
 
 <template>
   <section id="hero">
+    <img id="uwu" alt="Vue.js Kawaii Logo by @icarusgkx" />
     <h1 class="tagline">
       <span class="accent">渐进式</span>
       <br />JavaScript 框架
@@ -356,4 +355,23 @@ html:not(.dark) .accent,
     font-size: 36px;
   }
 }
+
+#uwu {
+  display: none;
+}
+
+.uwu #uwu {
+  display: block;
+  width: 100%;
+  max-width: 720px;
+  margin: -120px auto -20px;
+  aspect-ratio: 192 / 108;
+  content: url(/logo-uwu.png);
+}
+
+@media (max-width: 576px) {
+  .uwu #uwu {
+    margin: -60px auto -10px;
+  }
+}
 </style>
diff --git a/.vitepress/theme/components/VueMasteryBanner.vue b/.vitepress/theme/components/VueMasteryBanner.vue
new file mode 100644
index 000000000..5e6bad9fa
--- /dev/null
+++ b/.vitepress/theme/components/VueMasteryBanner.vue
@@ -0,0 +1,283 @@
+<template>
+  <div class="vuemastery-banner-wrapper" role="banner" v-if="isVisible">
+    <div
+      :class="{ 'show-flash': showFlash }"
+      class="vuemastery-background-dim"
+      ref="vuemastery-banner-flash"
+    ></div>
+    <a
+      id="vm-banner"
+      href="https://www.vuemastery.com/free-weekend"
+      target="_blank"
+    >
+      <img
+        id="vm-logo-full"
+        src="/vuemastery/vuemastery-white.svg"
+        alt="vuemastery"
+      />
+      <img
+        id="vm-logo-small"
+        src="https://firebasestorage.googleapis.com/v0/b/vue-mastery.appspot.com/o/flamelink%2Fmedia%2Fvue-mastery-logo-small.png?alt=media&token=941fcc3a-2b6f-40e9-b4c8-56b3890da108"
+        alt="vuemastery"
+      />
+      <div class="vm-banner-wrapper">
+        <div class="vm-banner-content">
+          <h1 class="vm-banner-title">
+            FREE WEEKEND <span>MAY 10-12</span>
+          </h1>
+          <p class="vm-banner-sub">Watch all Vue Mastery courses free</p>
+        </div>
+        <button id="vm-banner-cta">Get Access</button>
+      </div>
+      <button id="vm-banner-close" @click.prevent="closeBanner">
+        <VTIconPlus class="close" />
+      </button>
+    </a>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { VTIconPlus } from '@vue/theme'
+
+const isVisible = ref<Boolean>(true)
+const showFlash = ref<Boolean>(false)
+const nameStorage = 'VUEMASTERY-BANNER-FREE_WEEKEND-MAY-10-12-2024'
+
+const closeBanner = () => {
+  // Hide the banner
+  isVisible.value = false
+  // Save action in the local storage
+  localStorage.setItem(nameStorage, String(true))
+  document.documentElement.classList.remove('vuemastery-menu-fixed')
+}
+
+onMounted(() => {
+  isVisible.value = !localStorage.getItem(nameStorage)
+  if (isVisible.value) {
+    document.documentElement.classList.add('vuemastery-menu-fixed')
+    setTimeout(() => {
+      showFlash.value = true
+    }, 2000)
+  }
+})
+</script>
+<style scoped>
+.vuemastery-banner-wrapper {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 61;
+  width: 100%;
+  height: 100%;
+  max-height: 70px;
+  background: linear-gradient(45deg, #0a2b4e, #835ec2);
+  background-size: 110%;
+  background-position: 50% 50%;
+  overflow: hidden;
+  padding: 12px;
+  margin: 0;
+  transition: background-size 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
+}
+
+.vuemastery-banner-wrapper:hover {
+  background-size: 100%;
+}
+
+.vuemastery-banner-wrapper:before {
+  content: '';
+  background: url(/vuemastery/background-bubbles-vuemastery.svg) left
+    center no-repeat;
+  background-size: cover;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  transition: all 0.3s ease-out 0.1s;
+  transform: scale(1.1);
+  width: 100%;
+  height: 100%;
+}
+.vuemastery-banner-wrapper:after {
+  content: '';
+  background: url(/vuemastery/lock-vuemastery.svg) right center no-repeat;
+  background-size: auto 100%;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+}
+
+.vuemastery-banner-wrapper:hover:after {
+  background-image: url(/vuemastery/unlock-vuemastery.svg);
+}
+
+#vm-banner {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  text-decoration: none;
+  color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+
+#vm-logo-full {
+  position: absolute;
+  left: 15px;
+  width: 120px;
+}
+
+#vm-logo-small {
+  display: none;
+}
+
+.vm-banner-wrapper {
+  display: flex;
+  align-items: center;
+}
+
+.vm-banner-content {
+  display: flex;
+}
+
+.vm-banner-title {
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-size: 24px;
+  text-align: center;
+  background: linear-gradient(145deg, #c3ffac, #86ec87, #38a56a);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.vm-banner-sub {
+  margin: 0 2em;
+  padding: 0;
+  font-size: 16px;
+  text-align: center;
+  color: #fff;
+}
+
+#vm-banner-cta {
+  position: relative;
+  margin-left: 10px;
+  padding: 10px 24px;
+  background: linear-gradient(to top right, #41b782, #86d169);
+  border: none;
+  border-radius: 30px;
+  color: #fff;
+  font-size: 12px;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+
+#vm-banner-cta:hover {
+  background: linear-gradient(to bottom right, #41b782, #86d169);
+}
+
+#vm-banner-close {
+  position: absolute;
+  right: 12px;
+  color: #fff;
+  font-size: 20px;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+#vm-banner-close > .close {
+  width: 20px;
+  height: 20px;
+  fill: #fff;
+  transform: rotate(45deg);
+}
+
+@media (max-width: 1200px) {
+  #vm-banner-cta {
+    display: none;
+  }
+
+  .vm-banner-content {
+    flex-direction: column;
+  }
+
+  .vm-banner-sub {
+    margin: 0 1em;
+  }
+}
+
+@media (max-width: 850px) {
+  .vuemastery-banner-wrapper:after {
+    background: none;
+  }
+}
+@media (max-width: 767px) {
+  #vm-logo-full {
+    left: 10px;
+    width: 100px;
+  }
+}
+@media (max-width: 767px) {
+  #vm-logo-full {
+    display: none;
+  }
+  #vm-logo-small {
+    position: absolute;
+    display: block;
+    left: 10px;
+    width: 40px;
+  }
+  .vm-banner-title {
+    font-size: 14px;
+  }
+  .vm-banner-sub {
+    font-size: 12px;
+    margin: 0;
+  }
+}
+
+.vuemastery-background-dim {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+.vuemastery-background-dim:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255, 255, 255, 0.4),
+    transparent
+  );
+  transition: 0.5s;
+  transition-delay: 0.5s;
+}
+.vuemastery-background-dim.show-flash:after {
+  left: 100%;
+}
+</style>
+
+<style>
+html.vuemastery-menu-fixed {
+  --vt-banner-height: 70px;
+}
+</style>
diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
index a25d66370..0c36ae9b3 100644
--- a/.vitepress/theme/index.ts
+++ b/.vitepress/theme/index.ts
@@ -13,11 +13,12 @@ import SponsorsAside from './components/SponsorsAside.vue'
 import WwAds from './components/WwAds.vue'
 // import TextAd from './components/TextAd.vue'
 
+
 export default Object.assign({}, VPTheme, {
   Layout: () => {
     // @ts-ignore
     return h(VPTheme.Layout, null, {
-      // banner: () => h(Banner),
+      // banner: () => h(VueMasteryBanner),
       'sidebar-top': () => h(PreferenceSwitch),
       'aside-mid': () => h(SponsorsAside),
       'aside-bottom': () => h(WwAds),
diff --git a/.vitepress/theme/styles/inline-demo.css b/.vitepress/theme/styles/inline-demo.css
index 012bab815..f41b2c7f0 100644
--- a/.vitepress/theme/styles/inline-demo.css
+++ b/.vitepress/theme/styles/inline-demo.css
@@ -12,8 +12,8 @@
   border: 2px solid var(--vt-c-green);
   margin-right: 8px;
   margin-left: 4px;
-  line-height: 15px;
-  padding-left: 4.5px;
+  line-height: 16px;
+  padding-left: 4.2px;
   font-size: 11px;
 }
 
diff --git a/LICENSE b/LICENSE
index cbe5ad167..f282aafc9 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,437 +1,163 @@
-Attribution-NonCommercial-ShareAlike 4.0 International
-
-=======================================================================
-
-Creative Commons Corporation ("Creative Commons") is not a law firm and
-does not provide legal services or legal advice. Distribution of
-Creative Commons public licenses does not create a lawyer-client or
-other relationship. Creative Commons makes its licenses and related
-information available on an "as-is" basis. Creative Commons gives no
-warranties regarding its licenses, any material licensed under their
-terms and conditions, or any related information. Creative Commons
-disclaims all liability for damages resulting from their use to the
-fullest extent possible.
-
-Using Creative Commons Public Licenses
-
-Creative Commons public licenses provide a standard set of terms and
-conditions that creators and other rights holders may use to share
-original works of authorship and other material subject to copyright
-and certain other rights specified in the public license below. The
-following considerations are for informational purposes only, are not
-exhaustive, and do not form part of our licenses.
-
-     Considerations for licensors: Our public licenses are
-     intended for use by those authorized to give the public
-     permission to use material in ways otherwise restricted by
-     copyright and certain other rights. Our licenses are
-     irrevocable. Licensors should read and understand the terms
-     and conditions of the license they choose before applying it.
-     Licensors should also secure all rights necessary before
-     applying our licenses so that the public can reuse the
-     material as expected. Licensors should clearly mark any
-     material not subject to the license. This includes other CC-
-     licensed material, or material used under an exception or
-     limitation to copyright. More considerations for licensors:
-    wiki.creativecommons.org/Considerations_for_licensors
-
-     Considerations for the public: By using one of our public
-     licenses, a licensor grants the public permission to use the
-     licensed material under specified terms and conditions. If
-     the licensor's permission is not necessary for any reason--for
-     example, because of any applicable exception or limitation to
-     copyright--then that use is not regulated by the license. Our
-     licenses grant only permissions under copyright and certain
-     other rights that a licensor has authority to grant. Use of
-     the licensed material may still be restricted for other
-     reasons, including because others have copyright or other
-     rights in the material. A licensor may make special requests,
-     such as asking that all changes be marked or described.
-     Although not required by our licenses, you are encouraged to
-     respect those requests where reasonable. More considerations
-     for the public:
-    wiki.creativecommons.org/Considerations_for_licensees
-
-=======================================================================
-
-Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International
-Public License
-
-By exercising the Licensed Rights (defined below), You accept and agree
-to be bound by the terms and conditions of this Creative Commons
-Attribution-NonCommercial-ShareAlike 4.0 International Public License
-("Public License"). To the extent this Public License may be
-interpreted as a contract, You are granted the Licensed Rights in
-consideration of Your acceptance of these terms and conditions, and the
-Licensor grants You such rights in consideration of benefits the
-Licensor receives from making the Licensed Material available under
-these terms and conditions.
-
-
-Section 1 -- Definitions.
-
-  a. Adapted Material means material subject to Copyright and Similar
-     Rights that is derived from or based upon the Licensed Material
-     and in which the Licensed Material is translated, altered,
-     arranged, transformed, or otherwise modified in a manner requiring
-     permission under the Copyright and Similar Rights held by the
-     Licensor. For purposes of this Public License, where the Licensed
-     Material is a musical work, performance, or sound recording,
-     Adapted Material is always produced where the Licensed Material is
-     synched in timed relation with a moving image.
-
-  b. Adapter's License means the license You apply to Your Copyright
-     and Similar Rights in Your contributions to Adapted Material in
-     accordance with the terms and conditions of this Public License.
-
-  c. BY-NC-SA Compatible License means a license listed at
-     creativecommons.org/compatiblelicenses, approved by Creative
-     Commons as essentially the equivalent of this Public License.
-
-  d. Copyright and Similar Rights means copyright and/or similar rights
-     closely related to copyright including, without limitation,
-     performance, broadcast, sound recording, and Sui Generis Database
-     Rights, without regard to how the rights are labeled or
-     categorized. For purposes of this Public License, the rights
-     specified in Section 2(b)(1)-(2) are not Copyright and Similar
-     Rights.
-
-  e. Effective Technological Measures means those measures that, in the
-     absence of proper authority, may not be circumvented under laws
-     fulfilling obligations under Article 11 of the WIPO Copyright
-     Treaty adopted on December 20, 1996, and/or similar international
-     agreements.
-
-  f. Exceptions and Limitations means fair use, fair dealing, and/or
-     any other exception or limitation to Copyright and Similar Rights
-     that applies to Your use of the Licensed Material.
-
-  g. License Elements means the license attributes listed in the name
-     of a Creative Commons Public License. The License Elements of this
-     Public License are Attribution, NonCommercial, and ShareAlike.
-
-  h. Licensed Material means the artistic or literary work, database,
-     or other material to which the Licensor applied this Public
-     License.
-
-  i. Licensed Rights means the rights granted to You subject to the
-     terms and conditions of this Public License, which are limited to
-     all Copyright and Similar Rights that apply to Your use of the
-     Licensed Material and that the Licensor has authority to license.
-
-  j. Licensor means the individual(s) or entity(ies) granting rights
-     under this Public License.
-
-  k. NonCommercial means not primarily intended for or directed towards
-     commercial advantage or monetary compensation. For purposes of
-     this Public License, the exchange of the Licensed Material for
-     other material subject to Copyright and Similar Rights by digital
-     file-sharing or similar means is NonCommercial provided there is
-     no payment of monetary compensation in connection with the
-     exchange.
-
-  l. Share means to provide material to the public by any means or
-     process that requires permission under the Licensed Rights, such
-     as reproduction, public display, public performance, distribution,
-     dissemination, communication, or importation, and to make material
-     available to the public including in ways that members of the
-     public may access the material from a place and at a time
-     individually chosen by them.
-
-  m. Sui Generis Database Rights means rights other than copyright
-     resulting from Directive 96/9/EC of the European Parliament and of
-     the Council of 11 March 1996 on the legal protection of databases,
-     as amended and/or succeeded, as well as other essentially
-     equivalent rights anywhere in the world.
-
-  n. You means the individual or entity exercising the Licensed Rights
-     under this Public License. Your has a corresponding meaning.
-
-
-Section 2 -- Scope.
-
-  a. License grant.
-
-       1. Subject to the terms and conditions of this Public License,
-          the Licensor hereby grants You a worldwide, royalty-free,
-          non-sublicensable, non-exclusive, irrevocable license to
-          exercise the Licensed Rights in the Licensed Material to:
-
-            a. reproduce and Share the Licensed Material, in whole or
-               in part, for NonCommercial purposes only; and
-
-            b. produce, reproduce, and Share Adapted Material for
-               NonCommercial purposes only.
-
-       2. Exceptions and Limitations. For the avoidance of doubt, where
-          Exceptions and Limitations apply to Your use, this Public
-          License does not apply, and You do not need to comply with
-          its terms and conditions.
-
-       3. Term. The term of this Public License is specified in Section
-          6(a).
-
-       4. Media and formats; technical modifications allowed. The
-          Licensor authorizes You to exercise the Licensed Rights in
-          all media and formats whether now known or hereafter created,
-          and to make technical modifications necessary to do so. The
-          Licensor waives and/or agrees not to assert any right or
-          authority to forbid You from making technical modifications
-          necessary to exercise the Licensed Rights, including
-          technical modifications necessary to circumvent Effective
-          Technological Measures. For purposes of this Public License,
-          simply making modifications authorized by this Section 2(a)
-          (4) never produces Adapted Material.
-
-       5. Downstream recipients.
-
-            a. Offer from the Licensor -- Licensed Material. Every
-               recipient of the Licensed Material automatically
-               receives an offer from the Licensor to exercise the
-               Licensed Rights under the terms and conditions of this
-               Public License.
-
-            b. Additional offer from the Licensor -- Adapted Material.
-               Every recipient of Adapted Material from You
-               automatically receives an offer from the Licensor to
-               exercise the Licensed Rights in the Adapted Material
-               under the conditions of the Adapter's License You apply.
-
-            c. No downstream restrictions. You may not offer or impose
-               any additional or different terms or conditions on, or
-               apply any Effective Technological Measures to, the
-               Licensed Material if doing so restricts exercise of the
-               Licensed Rights by any recipient of the Licensed
-               Material.
-
-       6. No endorsement. Nothing in this Public License constitutes or
-          may be construed as permission to assert or imply that You
-          are, or that Your use of the Licensed Material is, connected
-          with, or sponsored, endorsed, or granted official status by,
-          the Licensor or others designated to receive attribution as
-          provided in Section 3(a)(1)(A)(i).
-
-  b. Other rights.
-
-       1. Moral rights, such as the right of integrity, are not
-          licensed under this Public License, nor are publicity,
-          privacy, and/or other similar personality rights; however, to
-          the extent possible, the Licensor waives and/or agrees not to
-          assert any such rights held by the Licensor to the limited
-          extent necessary to allow You to exercise the Licensed
-          Rights, but not otherwise.
-
-       2. Patent and trademark rights are not licensed under this
-          Public License.
-
-       3. To the extent possible, the Licensor waives any right to
-          collect royalties from You for the exercise of the Licensed
-          Rights, whether directly or through a collecting society
-          under any voluntary or waivable statutory or compulsory
-          licensing scheme. In all other cases the Licensor expressly
-          reserves any right to collect such royalties, including when
-          the Licensed Material is used other than for NonCommercial
-          purposes.
-
-
-Section 3 -- License Conditions.
-
-Your exercise of the Licensed Rights is expressly made subject to the
-following conditions.
-
-  a. Attribution.
-
-       1. If You Share the Licensed Material (including in modified
-          form), You must:
-
-            a. retain the following if it is supplied by the Licensor
-               with the Licensed Material:
-
-                 i. identification of the creator(s) of the Licensed
-                    Material and any others designated to receive
-                    attribution, in any reasonable manner requested by
-                    the Licensor (including by pseudonym if
-                    designated);
-
-                ii. a copyright notice;
-
-               iii. a notice that refers to this Public License;
-
-                iv. a notice that refers to the disclaimer of
-                    warranties;
-
-                 v. a URI or hyperlink to the Licensed Material to the
-                    extent reasonably practicable;
-
-            b. indicate if You modified the Licensed Material and
-               retain an indication of any previous modifications; and
-
-            c. indicate the Licensed Material is licensed under this
-               Public License, and include the text of, or the URI or
-               hyperlink to, this Public License.
-
-       2. You may satisfy the conditions in Section 3(a)(1) in any
-          reasonable manner based on the medium, means, and context in
-          which You Share the Licensed Material. For example, it may be
-          reasonable to satisfy the conditions by providing a URI or
-          hyperlink to a resource that includes the required
-          information.
-       3. If requested by the Licensor, You must remove any of the
-          information required by Section 3(a)(1)(A) to the extent
-          reasonably practicable.
-
-  b. ShareAlike.
+Copyright (c) 2019-present, Yuxi (Evan) You and Vue documentation contributors
 
-     In addition to the conditions in Section 3(a), if You Share
-     Adapted Material You produce, the following conditions also apply.
+The contents of this repository, **except for all image files**, are licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/), detailed below. Images in this repository retain the copyright and licensing terms of their respective authors and owners.
 
-       1. The Adapter's License You apply must be a Creative Commons
-          license with the same License Elements, this version or
-          later, or a BY-NC-SA Compatible License.
+---
 
-       2. You must include the text of, or the URI or hyperlink to, the
-          Adapter's License You apply. You may satisfy this condition
-          in any reasonable manner based on the medium, means, and
-          context in which You Share Adapted Material.
+# Creative Commons Attribution 4.0 International
 
-       3. You may not offer or impose any additional or different terms
-          or conditions on, or apply any Effective Technological
-          Measures to, Adapted Material that restrict exercise of the
-          rights granted under the Adapter's License You apply.
+Creative Commons Corporation (“Creative Commons”) is not a law firm and does not provide legal services or legal advice. Distribution of Creative Commons public licenses does not create a lawyer-client or other relationship. Creative Commons makes its licenses and related information available on an “as-is” basis. Creative Commons gives no warranties regarding its licenses, any material licensed under their terms and conditions, or any related information. Creative Commons disclaims all liability for damages resulting from their use to the fullest extent possible.
 
+**Using Creative Commons Public Licenses**
 
-Section 4 -- Sui Generis Database Rights.
+Creative Commons public licenses provide a standard set of terms and conditions that creators and other rights holders may use to share original works of authorship and other material subject to copyright and certain other rights specified in the public license below. The following considerations are for informational purposes only, are not exhaustive, and do not form part of our licenses.
 
-Where the Licensed Rights include Sui Generis Database Rights that
-apply to Your use of the Licensed Material:
+* __Considerations for licensors:__ Our public licenses are intended for use by those authorized to give the public permission to use material in ways otherwise restricted by copyright and certain other rights. Our licenses are irrevocable. Licensors should read and understand the terms and conditions of the license they choose before applying it. Licensors should also secure all rights necessary before applying our licenses so that the public can reuse the material as expected. Licensors should clearly mark any material not subject to the license. This includes other CC-licensed material, or material used under an exception or limitation to copyright. [More considerations for licensors](http://wiki.creativecommons.org/Considerations_for_licensors_and_licensees#Considerations_for_licensors).
 
-  a. for the avoidance of doubt, Section 2(a)(1) grants You the right
-     to extract, reuse, reproduce, and Share all or a substantial
-     portion of the contents of the database for NonCommercial purposes
-     only;
+* __Considerations for the public:__ By using one of our public licenses, a licensor grants the public permission to use the licensed material under specified terms and conditions. If the licensor’s permission is not necessary for any reason–for example, because of any applicable exception or limitation to copyright–then that use is not regulated by the license. Our licenses grant only permissions under copyright and certain other rights that a licensor has authority to grant. Use of the licensed material may still be restricted for other reasons, including because others have copyright or other rights in the material. A licensor may make special requests, such as asking that all changes be marked or described. Although not required by our licenses, you are encouraged to respect those requests where reasonable. [More considerations for the public](http://wiki.creativecommons.org/Considerations_for_licensors_and_licensees#Considerations_for_licensees).
 
-  b. if You include all or a substantial portion of the database
-     contents in a database in which You have Sui Generis Database
-     Rights, then the database in which You have Sui Generis Database
-     Rights (but not its individual contents) is Adapted Material,
-     including for purposes of Section 3(b); and
+## Creative Commons Attribution 4.0 International Public License
 
-  c. You must comply with the conditions in Section 3(a) if You Share
-     all or a substantial portion of the contents of the database.
+By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution 4.0 International Public License ("Public License"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions.
 
-For the avoidance of doubt, this Section 4 supplements and does not
-replace Your obligations under this Public License where the Licensed
-Rights include other Copyright and Similar Rights.
+### Section 1 – Definitions.
 
+a. __Adapted Material__ means material subject to Copyright and Similar Rights that is derived from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged, transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work, performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in timed relation with a moving image.
 
-Section 5 -- Disclaimer of Warranties and Limitation of Liability.
+b. __Adapter's License__ means the license You apply to Your Copyright and Similar Rights in Your contributions to Adapted Material in accordance with the terms and conditions of this Public License.
 
-  a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
-     EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
-     AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
-     ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
-     IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
-     WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
-     PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
-     ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
-     KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
-     ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
+c. __Copyright and Similar Rights__ means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights.
 
-  b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
-     TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
-     NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
-     INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
-     COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
-     USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
-     ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
-     DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
-     IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
+d. __Effective Technological Measures__ means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements.
 
-  c. The disclaimer of warranties and limitation of liability provided
-     above shall be interpreted in a manner that, to the extent
-     possible, most closely approximates an absolute disclaimer and
-     waiver of all liability.
+e. __Exceptions and Limitations__ means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material.
 
+f. __Licensed Material__ means the artistic or literary work, database, or other material to which the Licensor applied this Public License.
 
-Section 6 -- Term and Termination.
+g. __Licensed Rights__ means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license.
 
-  a. This Public License applies for the term of the Copyright and
-     Similar Rights licensed here. However, if You fail to comply with
-     this Public License, then Your rights under this Public License
-     terminate automatically.
-
-  b. Where Your right to use the Licensed Material has terminated under
-     Section 6(a), it reinstates:
-
-       1. automatically as of the date the violation is cured, provided
-          it is cured within 30 days of Your discovery of the
-          violation; or
-
-       2. upon express reinstatement by the Licensor.
-
-     For the avoidance of doubt, this Section 6(b) does not affect any
-     right the Licensor may have to seek remedies for Your violations
-     of this Public License.
-
-  c. For the avoidance of doubt, the Licensor may also offer the
-     Licensed Material under separate terms or conditions or stop
-     distributing the Licensed Material at any time; however, doing so
-     will not terminate this Public License.
+h. __Licensor__ means the individual(s) or entity(ies) granting rights under this Public License.
 
-  d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
-     License.
+i. __Share__ means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them.
 
+j. __Sui Generis Database Rights__ means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world.
 
-Section 7 -- Other Terms and Conditions.
-
-  a. The Licensor shall not be bound by any additional or different
-     terms or conditions communicated by You unless expressly agreed.
-
-  b. Any arrangements, understandings, or agreements regarding the
-     Licensed Material not stated herein are separate from and
-     independent of the terms and conditions of this Public License.
-
-
-Section 8 -- Interpretation.
+k. __You__ means the individual or entity exercising the Licensed Rights under this Public License. __Your__ has a corresponding meaning.
 
-  a. For the avoidance of doubt, this Public License does not, and
-     shall not be interpreted to, reduce, limit, restrict, or impose
-     conditions on any use of the Licensed Material that could lawfully
-     be made without permission under this Public License.
+### Section 2 – Scope.
 
-  b. To the extent possible, if any provision of this Public License is
-     deemed unenforceable, it shall be automatically reformed to the
-     minimum extent necessary to make it enforceable. If the provision
-     cannot be reformed, it shall be severed from this Public License
-     without affecting the enforceability of the remaining terms and
-     conditions.
-
-  c. No term or condition of this Public License will be waived and no
-     failure to comply consented to unless expressly agreed to by the
-     Licensor.
-
-  d. Nothing in this Public License constitutes or may be interpreted
-     as a limitation upon, or waiver of, any privileges and immunities
-     that apply to the Licensor or You, including from the legal
-     processes of any jurisdiction or authority.
-
-=======================================================================
-
-Creative Commons is not a party to its public
-licenses. Notwithstanding, Creative Commons may elect to apply one of
-its public licenses to material it publishes and in those instances
-will be considered the “Licensor.” The text of the Creative Commons
-public licenses is dedicated to the public domain under the CC0 Public
-Domain Dedication. Except for the limited purpose of indicating that
-material is shared under a Creative Commons public license or as
-otherwise permitted by the Creative Commons policies published at
-creativecommons.org/policies, Creative Commons does not authorize the
-use of the trademark "Creative Commons" or any other trademark or logo
-of Creative Commons without its prior written consent including,
-without limitation, in connection with any unauthorized modifications
-to any of its public licenses or any other arrangements,
-understandings, or agreements concerning use of licensed material. For
-the avoidance of doubt, this paragraph does not form part of the
-public licenses.
-
-Creative Commons may be contacted at creativecommons.org.
+a. ___License grant.___
+
+   1. Subject to the terms and conditions of this Public License, the Licensor hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to exercise the Licensed Rights in the Licensed Material to:
+
+       A. reproduce and Share the Licensed Material, in whole or in part; and
+
+       B. produce, reproduce, and Share Adapted Material.
+
+   2. __Exceptions and Limitations.__ For the avoidance of doubt, where Exceptions and Limitations apply to Your use, this Public License does not apply, and You do not need to comply with its terms and conditions.
+
+   3. __Term.__ The term of this Public License is specified in Section 6(a).
+
+   4. __Media and formats; technical modifications allowed.__ The Licensor authorizes You to exercise the Licensed Rights in all media and formats whether now known or hereafter created, and to make technical modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or authority to forbid You from making technical modifications necessary to exercise the Licensed Rights, including technical modifications necessary to circumvent Effective Technological Measures. For purposes of this Public License, simply making modifications authorized by this Section 2(a)(4) never produces Adapted Material.
+
+   5. __Downstream recipients.__
+
+       A. __Offer from the Licensor – Licensed Material.__ Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License.
+
+       B. __No downstream restrictions.__ You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material.
+
+   6. __No endorsement.__ Nothing in this Public License constitutes or may be construed as permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution as provided in Section 3(a)(1)(A)(i).
+
+b. ___Other rights.___
+
+   1. Moral rights, such as the right of integrity, are not licensed under this Public License, nor are publicity, privacy, and/or other similar personality rights; however, to the extent possible, the Licensor waives and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to allow You to exercise the Licensed Rights, but not otherwise.
+
+   2. Patent and trademark rights are not licensed under this Public License.
+
+   3. To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties.
+
+### Section 3 – License Conditions.
+
+Your exercise of the Licensed Rights is expressly made subject to the following conditions.
+
+a. ___Attribution.___
+
+   1. If You Share the Licensed Material (including in modified form), You must:
+
+       A. retain the following if it is supplied by the Licensor with the Licensed Material:
+
+         i. identification of the creator(s) of the Licensed Material and any others designated to receive attribution, in any reasonable manner requested by the Licensor (including by pseudonym if designated);
+
+         ii. a copyright notice;
+
+         iii. a notice that refers to this Public License;
+
+         iv. a notice that refers to the disclaimer of warranties;
+
+         v. a URI or hyperlink to the Licensed Material to the extent reasonably practicable;
+
+       B. indicate if You modified the Licensed Material and retain an indication of any previous modifications; and
+
+       C. indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI or hyperlink to, this Public License.
+
+   2. You may satisfy the conditions in Section 3(a)(1) in any reasonable manner based on the medium, means, and context in which You Share the Licensed Material. For example, it may be reasonable to satisfy the conditions by providing a URI or hyperlink to a resource that includes the required information.
+
+   3. If requested by the Licensor, You must remove any of the information required by Section 3(a)(1)(A) to the extent reasonably practicable.
+
+   4. If You Share Adapted Material You produce, the Adapter's License You apply must not prevent recipients of the Adapted Material from complying with this Public License.
+
+### Section 4 – Sui Generis Database Rights.
+
+Where the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material:
+
+a. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database;
+
+b. if You include all or a substantial portion of the database contents in a database in which You have Sui Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual contents) is Adapted Material; and
+
+c. You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the contents of the database.
+
+For the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public License where the Licensed Rights include other Copyright and Similar Rights.
+
+### Section 5 – Disclaimer of Warranties and Limitation of Liability.
+
+a. __Unless otherwise separately undertaken by the Licensor, to the extent possible, the Licensor offers the Licensed Material as-is and as-available, and makes no representations or warranties of any kind concerning the Licensed Material, whether express, implied, statutory, or other. This includes, without limitation, warranties of title, merchantability, fitness for a particular purpose, non-infringement, absence of latent or other defects, accuracy, or the presence or absence of errors, whether or not known or discoverable. Where disclaimers of warranties are not allowed in full or in part, this disclaimer may not apply to You.__
+
+b. __To the extent possible, in no event will the Licensor be liable to You on any legal theory (including, without limitation, negligence) or otherwise for any direct, special, indirect, incidental, consequential, punitive, exemplary, or other losses, costs, expenses, or damages arising out of this Public License or use of the Licensed Material, even if the Licensor has been advised of the possibility of such losses, costs, expenses, or damages. Where a limitation of liability is not allowed in full or in part, this limitation may not apply to You.__
+
+c. The disclaimer of warranties and limitation of liability provided above shall be interpreted in a manner that, to the extent possible, most closely approximates an absolute disclaimer and waiver of all liability.
+
+### Section 6 – Term and Termination.
+
+a. This Public License applies for the term of the Copyright and Similar Rights licensed here. However, if You fail to comply with this Public License, then Your rights under this Public License terminate automatically.
+
+b. Where Your right to use the Licensed Material has terminated under Section 6(a), it reinstates:
+
+   1. automatically as of the date the violation is cured, provided it is cured within 30 days of Your discovery of the violation; or
+
+   2. upon express reinstatement by the Licensor.
+
+   For the avoidance of doubt, this Section 6(b) does not affect any right the Licensor may have to seek remedies for Your violations of this Public License.
+
+c. For the avoidance of doubt, the Licensor may also offer the Licensed Material under separate terms or conditions or stop distributing the Licensed Material at any time; however, doing so will not terminate this Public License.
+
+d. Sections 1, 5, 6, 7, and 8 survive termination of this Public License.
+
+### Section 7 – Other Terms and Conditions.
+
+a. The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless expressly agreed.
+
+b. Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are separate from and independent of the terms and conditions of this Public License.
+
+### Section 8 – Interpretation.
+
+a. For the avoidance of doubt, this Public License does not, and shall not be interpreted to, reduce, limit, restrict, or impose conditions on any use of the Licensed Material that could lawfully be made without permission under this Public License.
+
+b. To the extent possible, if any provision of this Public License is deemed unenforceable, it shall be automatically reformed to the minimum extent necessary to make it enforceable. If the provision cannot be reformed, it shall be severed from this Public License without affecting the enforceability of the remaining terms and conditions.
+
+c. No term or condition of this Public License will be waived and no failure to comply consented to unless expressly agreed to by the Licensor.
+
+d. Nothing in this Public License constitutes or may be interpreted as a limitation upon, or waiver of, any privileges and immunities that apply to the Licensor or You, including from the legal processes of any jurisdiction or authority.
+
+> Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply one of its public licenses to material it publishes and in those instances will be considered the “Licensor.” Except for the limited purpose of indicating that material is shared under a Creative Commons public license or as otherwise permitted by the Creative Commons policies published at [creativecommons.org/policies](http://creativecommons.org/policies), Creative Commons does not authorize the use of the trademark “Creative Commons” or any other trademark or logo of Creative Commons without its prior written consent including, without limitation, in connection with any unauthorized modifications to any of its public licenses or any other arrangements, understandings, or agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form part of the public licenses.
+>
+> Creative Commons may be contacted at creativecommons.org
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 774a997f9..2f01eebde 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,10 +10,10 @@ overrides:
 dependencies:
   '@vue/repl':
     specifier: ^4.0.1
-    version: 4.1.1
+    version: 4.1.2
   '@vue/theme':
     specifier: ^2.2.5
-    version: 2.2.5(vitepress@1.1.0)(vue@3.4.21)
+    version: 2.2.5(vitepress@1.1.4)(vue@3.4.26)
   dynamics.js:
     specifier: ^1.1.5
     version: 1.1.5
@@ -22,10 +22,10 @@ dependencies:
     version: 3.9.0
   vitepress:
     specifier: ^1.1.0
-    version: 1.1.0(@types/node@20.10.1)(terser@5.14.2)
+    version: 1.1.4(@types/node@20.10.1)(terser@5.14.2)
   vue:
     specifier: ^3.4.0
-    version: 3.4.21
+    version: 3.4.26
 
 devDependencies:
   '@types/markdown-it':
@@ -211,8 +211,8 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: false
 
-  /@babel/parser@7.23.9:
-    resolution: {integrity: sha512-9tcKgqKbs3xGJ+NtKF2ndOBBLVwPjl1SHxPQkd36r3Dlirw3xWUeGaTbqr7uGZcTaxkVNwc+03SVP7aCdWrTlA==}
+  /@babel/parser@7.24.4:
+    resolution: {integrity: sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
@@ -688,14 +688,14 @@ packages:
     dev: false
     optional: true
 
-  /@shikijs/core@1.2.4:
-    resolution: {integrity: sha512-ClaUWpt8oTzjcF0MM1P81AeWyzc1sNSJlAjMG80CbwqbFqXSNz+NpQVUC0icobt3sZn43Sn27M4pHD/Jmp3zHw==}
+  /@shikijs/core@1.3.0:
+    resolution: {integrity: sha512-7fedsBfuILDTBmrYZNFI8B6ATTxhQAasUHllHmjvSZPnoq4bULWoTpHwmuQvZ8Aq03/tAa2IGo6RXqWtHdWaCA==}
     dev: false
 
-  /@shikijs/transformers@1.2.4:
-    resolution: {integrity: sha512-ysGkpsHxRxLmz8nGKeFdV+gKj1NXt+88sM/34kfKVWTWIXg5gsFOJxJBbG7k+fUR5JlD6sNh65W9qPXrbVE1wQ==}
+  /@shikijs/transformers@1.3.0:
+    resolution: {integrity: sha512-3mlpg2I9CjhjE96dEWQOGeCWoPcyTov3s4aAsHmgvnTHa8MBknEnCQy8/xivJPSpD+olqOqIEoHnLfbNJK29AA==}
     dependencies:
-      shiki: 1.2.4
+      shiki: 1.3.0
     dev: false
 
   /@types/debug@4.1.12:
@@ -718,8 +718,8 @@ packages:
       '@types/mdurl': 1.0.2
     dev: true
 
-  /@types/markdown-it@13.0.7:
-    resolution: {integrity: sha512-U/CBi2YUUcTHBt5tjO2r5QV/x0Po6nsYwQU4Y04fBS6vfoImaiZ6f8bi3CjTCxBPQSO1LMyUqkByzi8AidyxfA==}
+  /@types/markdown-it@14.0.1:
+    resolution: {integrity: sha512-6WfOG3jXR78DW8L5cTYCVVGAsIFZskRHCDo5tbqa+qtKVt4oDRVH7hyIWu1SpDQJlmIoEivNQZ5h+AGAOrgOtQ==}
     dependencies:
       '@types/linkify-it': 3.0.2
       '@types/mdurl': 1.0.2
@@ -755,132 +755,132 @@ packages:
     resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
     dev: false
 
-  /@vitejs/plugin-vue@5.0.0-beta.1(vite@5.2.8)(vue@3.4.21):
+  /@vitejs/plugin-vue@5.0.0-beta.1(vite@5.2.10)(vue@3.4.26):
     resolution: {integrity: sha512-zFAHH6RJH2w/LQlFyqrml96yjYmT8n8e3O4esRxHzCn250uOlkuc0IAqFJWqdxLmQquEM4q5/ECnQJRGsKjoIw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       vite: ^5.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 5.2.8(@types/node@20.10.1)(terser@5.14.2)
-      vue: 3.4.21
+      vite: 5.2.10(@types/node@20.10.1)(terser@5.14.2)
+      vue: 3.4.26
     dev: false
 
-  /@vue/compiler-core@3.4.21:
-    resolution: {integrity: sha512-MjXawxZf2SbZszLPYxaFCjxfibYrzr3eYbKxwpLR9EQN+oaziSu3qKVbwBERj1IFIB8OLUewxB5m/BFzi613og==}
+  /@vue/compiler-core@3.4.26:
+    resolution: {integrity: sha512-N9Vil6Hvw7NaiyFUFBPXrAyETIGlQ8KcFMkyk6hW1Cl6NvoqvP+Y8p1Eqvx+UdqsnrnI9+HMUEJegzia3mhXmQ==}
     dependencies:
-      '@babel/parser': 7.23.9
-      '@vue/shared': 3.4.21
+      '@babel/parser': 7.24.4
+      '@vue/shared': 3.4.26
       entities: 4.5.0
       estree-walker: 2.0.2
-      source-map-js: 1.0.2
+      source-map-js: 1.2.0
     dev: false
 
-  /@vue/compiler-dom@3.4.21:
-    resolution: {integrity: sha512-IZC6FKowtT1sl0CR5DpXSiEB5ayw75oT2bma1BEhV7RRR1+cfwLrxc2Z8Zq/RGFzJ8w5r9QtCOvTjQgdn0IKmA==}
+  /@vue/compiler-dom@3.4.26:
+    resolution: {integrity: sha512-4CWbR5vR9fMg23YqFOhr6t6WB1Fjt62d6xdFPyj8pxrYub7d+OgZaObMsoxaF9yBUHPMiPFK303v61PwAuGvZA==}
     dependencies:
-      '@vue/compiler-core': 3.4.21
-      '@vue/shared': 3.4.21
+      '@vue/compiler-core': 3.4.26
+      '@vue/shared': 3.4.26
     dev: false
 
-  /@vue/compiler-sfc@3.4.21:
-    resolution: {integrity: sha512-me7epoTxYlY+2CUM7hy9PCDdpMPfIwrOvAXud2Upk10g4YLv9UBW7kL798TvMeDhPthkZ0CONNrK2GoeI1ODiQ==}
+  /@vue/compiler-sfc@3.4.26:
+    resolution: {integrity: sha512-It1dp+FAOCgluYSVYlDn5DtZBxk1NCiJJfu2mlQqa/b+k8GL6NG/3/zRbJnHdhV2VhxFghaDq5L4K+1dakW6cw==}
     dependencies:
-      '@babel/parser': 7.23.9
-      '@vue/compiler-core': 3.4.21
-      '@vue/compiler-dom': 3.4.21
-      '@vue/compiler-ssr': 3.4.21
-      '@vue/shared': 3.4.21
+      '@babel/parser': 7.24.4
+      '@vue/compiler-core': 3.4.26
+      '@vue/compiler-dom': 3.4.26
+      '@vue/compiler-ssr': 3.4.26
+      '@vue/shared': 3.4.26
       estree-walker: 2.0.2
-      magic-string: 0.30.7
-      postcss: 8.4.35
-      source-map-js: 1.0.2
+      magic-string: 0.30.10
+      postcss: 8.4.38
+      source-map-js: 1.2.0
     dev: false
 
-  /@vue/compiler-ssr@3.4.21:
-    resolution: {integrity: sha512-M5+9nI2lPpAsgXOGQobnIueVqc9sisBFexh5yMIMRAPYLa7+5wEJs8iqOZc1WAa9WQbx9GR2twgznU8LTIiZ4Q==}
+  /@vue/compiler-ssr@3.4.26:
+    resolution: {integrity: sha512-FNwLfk7LlEPRY/g+nw2VqiDKcnDTVdCfBREekF8X74cPLiWHUX6oldktf/Vx28yh4STNy7t+/yuLoMBBF7YDiQ==}
     dependencies:
-      '@vue/compiler-dom': 3.4.21
-      '@vue/shared': 3.4.21
+      '@vue/compiler-dom': 3.4.26
+      '@vue/shared': 3.4.26
     dev: false
 
-  /@vue/devtools-api@7.0.25(vue@3.4.21):
-    resolution: {integrity: sha512-fL6DlRp4MSXCLYcqYvKU7QhQZWE3Hfu7X8pC25BS74coJi7uJeSWs4tmrITcwFihNmC9S5GPiffkMdckkeWjzg==}
+  /@vue/devtools-api@7.0.27(vue@3.4.26):
+    resolution: {integrity: sha512-BFCFCusSDcw2UcOFD/QeK7OxD1x2C/m+uAN30Q7jLKECSW53hmz0urzJmX834GuWDZX/hIxkyUKnLLfEIP1c/w==}
     dependencies:
-      '@vue/devtools-kit': 7.0.25(vue@3.4.21)
+      '@vue/devtools-kit': 7.0.27(vue@3.4.26)
     transitivePeerDependencies:
       - vue
     dev: false
 
-  /@vue/devtools-kit@7.0.25(vue@3.4.21):
-    resolution: {integrity: sha512-wbLkSnOTsKHPb1mB9koFHUoSAF8Dp6Ii/ocR2+DeXFY4oKqIjCeJb/4Lihk4rgqEhCy1WwxLfTgNDo83VvDYkQ==}
+  /@vue/devtools-kit@7.0.27(vue@3.4.26):
+    resolution: {integrity: sha512-/A5xM38pPCFX5Yhl/lRFAzjyK6VNsH670nww2WbjFKWqlu3I+lMxWKzQkCW6A1V8bduITgl2kHORfg2gTw6QaA==}
     peerDependencies:
       vue: ^3.0.0
     dependencies:
-      '@vue/devtools-shared': 7.0.25
+      '@vue/devtools-shared': 7.0.27
       hookable: 5.5.3
       mitt: 3.0.1
       perfect-debounce: 1.0.0
       speakingurl: 14.0.1
-      vue: 3.4.21
+      vue: 3.4.26
     dev: false
 
-  /@vue/devtools-shared@7.0.25:
-    resolution: {integrity: sha512-5+XYhcHSXuJSguYnNwL6/e6VTmXwCfryWQOkffh9ZU2zMByybqqqBrMWqvBkqTmMFCjPdzulo66xXbVbwLaElQ==}
+  /@vue/devtools-shared@7.0.27:
+    resolution: {integrity: sha512-4VxtmZ6yjhiSloqZZq2UYU0TBGxOJ8GxWvp5OlAH70zYqi0FIAyWGPkOhvfoZ7DKQyv2UU0mmKzFHjsEkelGyQ==}
     dependencies:
       rfdc: 1.3.1
     dev: false
 
-  /@vue/reactivity@3.4.21:
-    resolution: {integrity: sha512-UhenImdc0L0/4ahGCyEzc/pZNwVgcglGy9HVzJ1Bq2Mm9qXOpP8RyNTjookw/gOCUlXSEtuZ2fUg5nrHcoqJcw==}
+  /@vue/reactivity@3.4.26:
+    resolution: {integrity: sha512-E/ynEAu/pw0yotJeLdvZEsp5Olmxt+9/WqzvKff0gE67tw73gmbx6tRkiagE/eH0UCubzSlGRebCbidB1CpqZQ==}
     dependencies:
-      '@vue/shared': 3.4.21
+      '@vue/shared': 3.4.26
     dev: false
 
-  /@vue/repl@4.1.1:
-    resolution: {integrity: sha512-gkbnU+rM01/ILdnDJbsWS8+PW6qMAzprBo/U2+7eVci0kx6VAR26fL/qrcEPwEYa6q0vzzptZ4il0SaUGGqZKw==}
+  /@vue/repl@4.1.2:
+    resolution: {integrity: sha512-h5JQ5NRN9HOCNfE4QCbZsFgAFS7/A21V3zrltxV2Uag1JIvtQb68qfmj795CPFjMBnRNpCddOBi34AKlq5yHbg==}
     dev: false
 
-  /@vue/runtime-core@3.4.21:
-    resolution: {integrity: sha512-pQthsuYzE1XcGZznTKn73G0s14eCJcjaLvp3/DKeYWoFacD9glJoqlNBxt3W2c5S40t6CCcpPf+jG01N3ULyrA==}
+  /@vue/runtime-core@3.4.26:
+    resolution: {integrity: sha512-AFJDLpZvhT4ujUgZSIL9pdNcO23qVFh7zWCsNdGQBw8ecLNxOOnPcK9wTTIYCmBJnuPHpukOwo62a2PPivihqw==}
     dependencies:
-      '@vue/reactivity': 3.4.21
-      '@vue/shared': 3.4.21
+      '@vue/reactivity': 3.4.26
+      '@vue/shared': 3.4.26
     dev: false
 
-  /@vue/runtime-dom@3.4.21:
-    resolution: {integrity: sha512-gvf+C9cFpevsQxbkRBS1NpU8CqxKw0ebqMvLwcGQrNpx6gqRDodqKqA+A2VZZpQ9RpK2f9yfg8VbW/EpdFUOJw==}
+  /@vue/runtime-dom@3.4.26:
+    resolution: {integrity: sha512-UftYA2hUXR2UOZD/Fc3IndZuCOOJgFxJsWOxDkhfVcwLbsfh2CdXE2tG4jWxBZuDAs9J9PzRTUFt1PgydEtItw==}
     dependencies:
-      '@vue/runtime-core': 3.4.21
-      '@vue/shared': 3.4.21
+      '@vue/runtime-core': 3.4.26
+      '@vue/shared': 3.4.26
       csstype: 3.1.3
     dev: false
 
-  /@vue/server-renderer@3.4.21(vue@3.4.21):
-    resolution: {integrity: sha512-aV1gXyKSN6Rz+6kZ6kr5+Ll14YzmIbeuWe7ryJl5muJ4uwSwY/aStXTixx76TwkZFJLm1aAlA/HSWEJ4EyiMkg==}
+  /@vue/server-renderer@3.4.26(vue@3.4.26):
+    resolution: {integrity: sha512-xoGAqSjYDPGAeRWxeoYwqJFD/gw7mpgzOvSxEmjWaFO2rE6qpbD1PC172YRpvKhrihkyHJkNDADFXTfCyVGhKw==}
     peerDependencies:
-      vue: 3.4.21
+      vue: 3.4.26
     dependencies:
-      '@vue/compiler-ssr': 3.4.21
-      '@vue/shared': 3.4.21
-      vue: 3.4.21
+      '@vue/compiler-ssr': 3.4.26
+      '@vue/shared': 3.4.26
+      vue: 3.4.26
     dev: false
 
-  /@vue/shared@3.4.21:
-    resolution: {integrity: sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g==}
+  /@vue/shared@3.4.26:
+    resolution: {integrity: sha512-Fg4zwR0GNnjzodMt3KRy2AWGMKQXByl56+4HjN87soxLNU9P5xcJkstAlIeEF3cU6UYOzmJl1tV0dVPGIljCnQ==}
     dev: false
 
-  /@vue/theme@2.2.5(vitepress@1.1.0)(vue@3.4.21):
+  /@vue/theme@2.2.5(vitepress@1.1.4)(vue@3.4.26):
     resolution: {integrity: sha512-UUPD0XxlRa69Ytely8JEU/cu8Pae5f4UqZNIXANPN8KT6j/O23dCbOfp1cKlSn+Q/xXLYp0K+vRh4IqZjt/9BQ==}
     peerDependencies:
       vitepress: ^1.0.0-alpha.60
     dependencies:
       '@docsearch/css': 3.5.2
       '@docsearch/js': 3.5.2
-      '@vueuse/core': 9.13.0(vue@3.4.21)
+      '@vueuse/core': 9.13.0(vue@3.4.26)
       body-scroll-lock: 3.1.5
       normalize.css: 8.0.1
-      vitepress: 1.1.0(@types/node@20.10.1)(terser@5.14.2)
+      vitepress: 1.1.4(@types/node@20.10.1)(terser@5.14.2)
     transitivePeerDependencies:
       - '@algolia/client-search'
       - '@types/react'
@@ -891,31 +891,31 @@ packages:
       - vue
     dev: false
 
-  /@vueuse/core@10.9.0(vue@3.4.21):
+  /@vueuse/core@10.9.0(vue@3.4.26):
     resolution: {integrity: sha512-/1vjTol8SXnx6xewDEKfS0Ra//ncg4Hb0DaZiwKf7drgfMsKFExQ+FnnENcN6efPen+1kIzhLQoGSy0eDUVOMg==}
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.9.0
-      '@vueuse/shared': 10.9.0(vue@3.4.21)
-      vue-demi: 0.14.7(vue@3.4.21)
+      '@vueuse/shared': 10.9.0(vue@3.4.26)
+      vue-demi: 0.14.7(vue@3.4.26)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
     dev: false
 
-  /@vueuse/core@9.13.0(vue@3.4.21):
+  /@vueuse/core@9.13.0(vue@3.4.26):
     resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==}
     dependencies:
       '@types/web-bluetooth': 0.0.16
       '@vueuse/metadata': 9.13.0
-      '@vueuse/shared': 9.13.0(vue@3.4.21)
-      vue-demi: 0.14.6(vue@3.4.21)
+      '@vueuse/shared': 9.13.0(vue@3.4.26)
+      vue-demi: 0.14.6(vue@3.4.26)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
     dev: false
 
-  /@vueuse/integrations@10.9.0(focus-trap@7.5.4)(vue@3.4.21):
+  /@vueuse/integrations@10.9.0(focus-trap@7.5.4)(vue@3.4.26):
     resolution: {integrity: sha512-acK+A01AYdWSvL4BZmCoJAcyHJ6EqhmkQEXbQLwev1MY7NBnS+hcEMx/BzVoR9zKI+UqEPMD9u6PsyAuiTRT4Q==}
     peerDependencies:
       async-validator: '*'
@@ -956,10 +956,10 @@ packages:
       universal-cookie:
         optional: true
     dependencies:
-      '@vueuse/core': 10.9.0(vue@3.4.21)
-      '@vueuse/shared': 10.9.0(vue@3.4.21)
+      '@vueuse/core': 10.9.0(vue@3.4.26)
+      '@vueuse/shared': 10.9.0(vue@3.4.26)
       focus-trap: 7.5.4
-      vue-demi: 0.14.7(vue@3.4.21)
+      vue-demi: 0.14.7(vue@3.4.26)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -973,19 +973,19 @@ packages:
     resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==}
     dev: false
 
-  /@vueuse/shared@10.9.0(vue@3.4.21):
+  /@vueuse/shared@10.9.0(vue@3.4.26):
     resolution: {integrity: sha512-Uud2IWncmAfJvRaFYzv5OHDli+FbOzxiVEQdLCKQKLyhz94PIyFC3CHcH7EDMwIn8NPtD06+PNbC/PiO0LGLtw==}
     dependencies:
-      vue-demi: 0.14.7(vue@3.4.21)
+      vue-demi: 0.14.7(vue@3.4.26)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
     dev: false
 
-  /@vueuse/shared@9.13.0(vue@3.4.21):
+  /@vueuse/shared@9.13.0(vue@3.4.26):
     resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
     dependencies:
-      vue-demi: 0.14.7(vue@3.4.21)
+      vue-demi: 0.14.7(vue@3.4.26)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -1272,7 +1272,7 @@ packages:
       foreground-child: 3.1.1
       jackspeak: 2.3.6
       minimatch: 9.0.4
-      minipass: 7.0.4
+      minipass: 7.1.0
       path-scurry: 1.10.2
     dev: true
 
@@ -1376,14 +1376,13 @@ packages:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
     dev: true
 
-  /lru-cache@10.2.0:
-    resolution: {integrity: sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==}
+  /lru-cache@10.2.2:
+    resolution: {integrity: sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==}
     engines: {node: 14 || >=16.14}
     dev: true
 
-  /magic-string@0.30.7:
-    resolution: {integrity: sha512-8vBuFF/I/+OSLRmdf2wwFCJCz+nSn0m6DPvGH1fS/KiQoSaR+sETbov0eIk9KhEKy8CYqIkIAnbohxT/4H0kuA==}
-    engines: {node: '>=12'}
+  /magic-string@0.30.10:
+    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
     dev: false
@@ -1781,8 +1780,8 @@ packages:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
     dev: true
 
-  /minipass@7.0.4:
-    resolution: {integrity: sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==}
+  /minipass@7.1.0:
+    resolution: {integrity: sha512-oGZRv2OT1lO2UF1zUcwdTb3wqUwI0kBGTgt/T7OdSj6M6N5m3o5uPf0AIW6lVxGGoiWUR7e2AwTE+xiwK8WQig==}
     engines: {node: '>=16 || 14 >=14.17'}
     dev: true
 
@@ -1831,8 +1830,8 @@ packages:
     resolution: {integrity: sha512-7xTavNy5RQXnsjANvVvMkEjvloOinkAjv/Z6Ildz9v2RinZ4SBKTWFOVRbaF8p0vpHnyjV/UwNDdKuUv6M5qcA==}
     engines: {node: '>=16 || 14 >=14.17'}
     dependencies:
-      lru-cache: 10.2.0
-      minipass: 7.0.4
+      lru-cache: 10.2.2
+      minipass: 7.1.0
     dev: true
 
   /perfect-debounce@1.0.0:
@@ -1843,15 +1842,6 @@ packages:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
     dev: false
 
-  /postcss@8.4.35:
-    resolution: {integrity: sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.0.0
-      source-map-js: 1.2.0
-    dev: false
-
   /postcss@8.4.38:
     resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
     engines: {node: ^10 || ^12 || >=14}
@@ -1955,10 +1945,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /shiki@1.2.4:
-    resolution: {integrity: sha512-Q9n9jKiOjJCRPztA9POn3/uZXNySHDNKAsPNpmtHDcFyi6ZQhx5vQKZW3Nhrwn8TWW3RudSRk66zqY603EZDeg==}
+  /shiki@1.3.0:
+    resolution: {integrity: sha512-9aNdQy/etMXctnPzsje1h1XIGm9YfRcSksKOGqZWXA/qP9G18/8fpz5Bjpma8bOgz3tqIpjERAd6/lLjFyzoww==}
     dependencies:
-      '@shikijs/core': 1.2.4
+      '@shikijs/core': 1.3.0
     dev: false
 
   /signal-exit@4.1.0:
@@ -1976,11 +1966,6 @@ packages:
       - supports-color
     dev: true
 
-  /source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
   /source-map-js@1.2.0:
     resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
     engines: {node: '>=0.10.0'}
@@ -2141,8 +2126,8 @@ packages:
       vfile-message: 3.1.4
     dev: true
 
-  /vite@5.2.8(@types/node@20.10.1)(terser@5.14.2):
-    resolution: {integrity: sha512-OyZR+c1CE8yeHw5V5t59aXsUPPVTHMDjEZz8MgguLL/Q7NblxhZUlTu9xSPqlsUO/y+X7dlU05jdhvyycD55DA==}
+  /vite@5.2.10(@types/node@20.10.1)(terser@5.14.2):
+    resolution: {integrity: sha512-PAzgUZbP7msvQvqdSD+ErD5qGnSFiGOoWmV5yAKUEI0kdhjbH6nMWVyZQC/hSc4aXwc0oJ9aEdIiF9Oje0JFCw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -2178,8 +2163,8 @@ packages:
       fsevents: 2.3.3
     dev: false
 
-  /vitepress@1.1.0(@types/node@20.10.1)(terser@5.14.2):
-    resolution: {integrity: sha512-G+NS5I2OETxC0SfGAMDO75JWNkrcir0UCptuhQMNoaZhhlqvYtTDQhph4qGc5dtiTtZkcFa/bCcSx+A2gSS3lA==}
+  /vitepress@1.1.4(@types/node@20.10.1)(terser@5.14.2):
+    resolution: {integrity: sha512-bWIzFZXpPB6NIDBuWnS20aMADH+FcFKDfQNYFvbOWij03PR29eImTceQHIzCKordjXYBhM/TjE5VKFTUJ3EheA==}
     hasBin: true
     peerDependencies:
       markdown-it-mathjax3: ^4
@@ -2192,19 +2177,19 @@ packages:
     dependencies:
       '@docsearch/css': 3.6.0
       '@docsearch/js': 3.6.0
-      '@shikijs/core': 1.2.4
-      '@shikijs/transformers': 1.2.4
-      '@types/markdown-it': 13.0.7
-      '@vitejs/plugin-vue': 5.0.0-beta.1(vite@5.2.8)(vue@3.4.21)
-      '@vue/devtools-api': 7.0.25(vue@3.4.21)
-      '@vueuse/core': 10.9.0(vue@3.4.21)
-      '@vueuse/integrations': 10.9.0(focus-trap@7.5.4)(vue@3.4.21)
+      '@shikijs/core': 1.3.0
+      '@shikijs/transformers': 1.3.0
+      '@types/markdown-it': 14.0.1
+      '@vitejs/plugin-vue': 5.0.0-beta.1(vite@5.2.10)(vue@3.4.26)
+      '@vue/devtools-api': 7.0.27(vue@3.4.26)
+      '@vueuse/core': 10.9.0(vue@3.4.26)
+      '@vueuse/integrations': 10.9.0(focus-trap@7.5.4)(vue@3.4.26)
       focus-trap: 7.5.4
       mark.js: 8.11.1
       minisearch: 6.3.0
-      shiki: 1.2.4
-      vite: 5.2.8(@types/node@20.10.1)(terser@5.14.2)
-      vue: 3.4.21
+      shiki: 1.3.0
+      vite: 5.2.10(@types/node@20.10.1)(terser@5.14.2)
+      vue: 3.4.26
     transitivePeerDependencies:
       - '@algolia/client-search'
       - '@types/node'
@@ -2233,7 +2218,7 @@ packages:
       - universal-cookie
     dev: false
 
-  /vue-demi@0.14.6(vue@3.4.21):
+  /vue-demi@0.14.6(vue@3.4.26):
     resolution: {integrity: sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==}
     engines: {node: '>=12'}
     hasBin: true
@@ -2245,10 +2230,10 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      vue: 3.4.21
+      vue: 3.4.26
     dev: false
 
-  /vue-demi@0.14.7(vue@3.4.21):
+  /vue-demi@0.14.7(vue@3.4.26):
     resolution: {integrity: sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==}
     engines: {node: '>=12'}
     hasBin: true
@@ -2260,22 +2245,22 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      vue: 3.4.21
+      vue: 3.4.26
     dev: false
 
-  /vue@3.4.21:
-    resolution: {integrity: sha512-5hjyV/jLEIKD/jYl4cavMcnzKwjMKohureP8ejn3hhEjwhWIhWeuzL2kJAjzl/WyVsgPY56Sy4Z40C3lVshxXA==}
+  /vue@3.4.26:
+    resolution: {integrity: sha512-bUIq/p+VB+0xrJubaemrfhk1/FiW9iX+pDV+62I/XJ6EkspAO9/DXEjbDFoe8pIfOZBqfk45i9BMc41ptP/uRg==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@vue/compiler-dom': 3.4.21
-      '@vue/compiler-sfc': 3.4.21
-      '@vue/runtime-dom': 3.4.21
-      '@vue/server-renderer': 3.4.21(vue@3.4.21)
-      '@vue/shared': 3.4.21
+      '@vue/compiler-dom': 3.4.26
+      '@vue/compiler-sfc': 3.4.26
+      '@vue/runtime-dom': 3.4.26
+      '@vue/server-renderer': 3.4.26(vue@3.4.26)
+      '@vue/shared': 3.4.26
     dev: false
 
   /which@2.0.2:
diff --git a/src/about/privacy.md b/src/about/privacy.md
new file mode 100644
index 000000000..031d1537a
--- /dev/null
+++ b/src/about/privacy.md
@@ -0,0 +1,42 @@
+# Vue.js Privacy Policy {#vue.js-privacy-policy}
+
+> Effective Date: May 3, 2024
+
+<!-- TODO: translation -->This Privacy Policy describes the Vue.js organization ("Vue", "we", "us" or "our") practices for handling your information in connection with this website (https://vuejs.org) and our open source-related websites ("Websites") and any content, related documentation, information and services (e.g. tutorials, tools to support the developer workflow, access to resources, etc.) made available to you on this website (collectively, the "Services"). This Privacy Policy describes the personal information we process to support our Services.
+
+For clarity, this Privacy Policy does not apply to any:
+
+1. Use of open source code, documentation or specifications made available on GitHub (https://github.com/), which are governed by the terms of the applicable open source license;
+
+2. Pull requests, issues and any other interactions or features related to participation in open source projects on GitHub, which are governed by GitHub's terms and conditions; or
+
+3. Usage statistics of our published packages on NPM (https://npmjs.com/), which are governed by NPM's terms and conditions; or
+
+4. Usage statistics of our published browser / IDE extensions collected by the browser / IDE vendors. Such statistics are governed by the vendors' respective terms and conditions.
+
+## What Kinds of Information Do We Collect? {#what-kinds-of-information-do-we-collect}
+
+We do **not** collect or store any type of personal data, whether through our websites or through our published npm packages or browser / IDE extensions.
+
+We may collect anonymized data via 3rd party services integrated in our websites:
+
+- **Visitor data to our websites.** Our website analytics is powered by [Fathom Analytics](https://usefathom.com/), which doesn't use cookies and complies with the GDPR, ePrivacy (including PECR), COPPA and CCPA. Using this privacy-friendly website analytics software, your IP address is only briefly processed, and we (running this website) have no way of identifying you. As per the CCPA, your personal information is de-identified. You can read more about this on Fathom Analytics' website.
+
+  - Fathom Analytics' Privacy Policy: https://usefathom.com/legal/privacy
+
+- **Usage data of the search functionality.** Our search functionality is powered by [Algolia DocSearch](https://docsearch.algolia.com/), which does not perform any type of user tracking or fingerprinting, and does not use cookies. Algolia services are GPDR compliant, CCPA compliant, and TRUSTe Certified.
+
+  - Algolia's privacy policy: https://www.algolia.com/policies/privacy/
+  - Algolia's security and privacy compliance: https://www.algolia.com/distributed-secure/security-compliance/
+
+## How Do We Use Information? {#how-do-we-use-information}
+
+The sole purpose of collecting the aforementioned data is to understand our website traffic and usage in the most privacy-friendly way possible so that we can continually improve our website and documentation quality. The lawful basis as per the GDPR is "Article 6(1)(f); where our legitimate interests are to improve our website and business continually." As per the explanation, no personal data is stored over time.
+
+## Data Retention {#data-retention}
+
+All data collected are stored on aforementioned 3rd party services and are subject to the services' respective data retention policies.
+
+## Questions {#questions}
+
+If you have any questions about this Privacy Policy or our practices, please contact us via email at hello@vuejs.org.
diff --git a/src/api/built-in-components.md b/src/api/built-in-components.md
index 5cd5fac8d..5f2e425ac 100644
--- a/src/api/built-in-components.md
+++ b/src/api/built-in-components.md
@@ -318,6 +318,7 @@ h(Transition, {
   ```ts
   interface SuspenseProps {
     timeout?: string | number
+    suspensible?: boolean
   }
   ```
 
@@ -333,4 +334,6 @@ h(Transition, {
 
   如果在渲染时遇到异步依赖项 ([异步组件](/guide/components/async)和具有 [`async setup()`](/guide/built-ins/suspense#async-setup) 的组件)，它将等到所有异步依赖项解析完成时再显示默认插槽。
 
+  通过将 Suspense 设置为 `suspensible`，所有的异步依赖将由父级 Suspense 处理。请参阅[实现细节](https://github.com/vuejs/core/pull/6736)
+
 - **参考**[指南 - Suspense](/guide/built-ins/suspense)
diff --git a/src/api/built-in-directives.md b/src/api/built-in-directives.md
index b58e29c02..bd20e080f 100644
--- a/src/api/built-in-directives.md
+++ b/src/api/built-in-directives.md
@@ -451,7 +451,7 @@
   <span v-once>This will never change: {{msg}}</span>
   <!-- 带有子元素的元素 -->
   <div v-once>
-    <h1>comment</h1>
+    <h1>Comment</h1>
     <p>{{msg}}</p>
   </div>
   <!-- 组件 -->
diff --git a/src/api/component-instance.md b/src/api/component-instance.md
index f4d27f46e..9619ff4ab 100644
--- a/src/api/component-instance.md
+++ b/src/api/component-instance.md
@@ -212,7 +212,7 @@
 
 - **详细信息**
 
-  第一个参数是侦听来源。可以是一个组件的属性名的字符串，一个简单的由点分隔的路径字符串，或是一个 getter 函数。
+  第一个参数是侦听来源。可以是一个组件的属性名的字符串，一个简单的由点分隔的路径字符串，或是一个 [getter 函数](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/get#description)。
 
   第二个参数是回调函数。它接收的参数分别是侦听来源的新值、旧值。
 
diff --git a/src/api/reactivity-core.md b/src/api/reactivity-core.md
index df64afda0..e75cb1579 100644
--- a/src/api/reactivity-core.md
+++ b/src/api/reactivity-core.md
@@ -45,7 +45,7 @@
 
 ## computed() {#computed}
 
-接受一个 getter 函数，返回一个只读的响应式 [ref](#ref) 对象。该 ref 通过 `.value` 暴露 getter 函数的返回值。它也可以接受一个带有 `get` 和 `set` 函数的对象来创建一个可写的 ref 对象。
+接受一个 [getter 函数](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/set#description)，返回一个只读的响应式 [ref](#ref) 对象。该 ref 通过 `.value` 暴露 getter 函数的返回值。它也可以接受一个带有 `get` 和 `set` 函数的对象来创建一个可写的 ref 对象。
 
 - **类型**
 
diff --git a/src/api/reactivity-utilities.md b/src/api/reactivity-utilities.md
index 1fd5c1479..8b886f25d 100644
--- a/src/api/reactivity-utilities.md
+++ b/src/api/reactivity-utilities.md
@@ -237,7 +237,7 @@
 - **类型**
 
   ```ts
-  function isProxy(value: unknown): boolean
+  function isProxy(value: any): boolean
   ```
 
 ## isReactive() {#isreactive}
diff --git a/src/api/sfc-css-features.md b/src/api/sfc-css-features.md
index 4a38e4b88..b30bd3fae 100644
--- a/src/api/sfc-css-features.md
+++ b/src/api/sfc-css-features.md
@@ -183,9 +183,10 @@ export default {
 
 ```vue
 <script setup>
-const theme = {
-  color: 'red'
-}
+import { ref } from 'vue'
+const theme = ref({
+    color: 'red',
+})
 </script>
 
 <template>
diff --git a/src/api/sfc-script-setup.md b/src/api/sfc-script-setup.md
index 532ffd914..8f9431230 100644
--- a/src/api/sfc-script-setup.md
+++ b/src/api/sfc-script-setup.md
@@ -433,7 +433,7 @@ const post = await fetch(`/api/post/1`).then((r) => r.json())
 另外，await 的表达式会自动编译成在 `await` 之后保留当前组件实例上下文的格式。
 
 :::warning 注意
-`async setup()` 必须与 [`Suspense` 内置组件](/guide/built-ins/suspense.html)组合使用，`Suspense` 目前还是处于实验阶段的特性，会在将来的版本中稳定。
+`async setup()` 必须与 [`Suspense`](/guide/built-ins/suspense.html) 组合使用，该特性目前仍处于实验阶段。我们计划在未来的版本中完成该特性并编写文档——但如果你现在就感兴趣，可以参考其[测试](https://github.com/vuejs/core/blob/main/packages/runtime-core/__tests__/components/Suspense.spec.ts)来了解其工作方式。
 :::
 
 ## 泛型 <sup class="vt-badge ts" /> {#generics}
diff --git a/src/ecosystem/themes/themes.json b/src/ecosystem/themes/themes.json
index ed48d3911..b902a6350 100644
--- a/src/ecosystem/themes/themes.json
+++ b/src/ecosystem/themes/themes.json
@@ -254,42 +254,42 @@
       "price": 0,
       "description": "Free & Open Source VueJs Admin Template with well known desing of Berry",
       "url": "https://codedthemes.com/item/berry-free-vuetify-vuejs-admin-template/?ref=evan.vuejs",
-      "image": "https://codedthemes.com/wp-content/uploads/2024/03/Berry-free-vue.png"
+      "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Berry-free-vue.png"
     },
     {
       "name": "Berry Vue3 Admin Dashboard",
-      "price": 59,
+      "price": 49,
       "description": "Discover our visually captivating Vue 3 Dashboard Theme!",
       "url": "https://codedthemes.com/item/berry-vue-admin-dashboard/?ref=evan.vuejs",
-      "image": "https://codedthemes.com/wp-content/uploads/2024/03/Berry-pro-vue.png"
+      "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Berry-pro-vue.png"
     },
     {
       "name": "Mantis Vue3 Admin Dashboard",
-      "price": 59,
+      "price": 49,
       "description": "Simple yet rebust to start any development with latest VueJs and Vuetify",
       "url": "https://codedthemes.com/item/mantis-vue-admin-template/?ref=evan.vuejs",
-      "image": "https://codedthemes.com/wp-content/uploads/2024/03/Mantis-pro-vue.png"
+      "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Mantis-pro-vue.png"
     },
     {
       "name": "Free Mantis Vuetify VueJs Admin Template",
       "price": 0,
       "description": "Free Vuetify Dashboard Template with simplest design and code",
       "url": "https://codedthemes.com/item/mantis-free-vuetify-vuejs-admin-template/?ref=evan.vuejs",
-      "image": "https://codedthemes.com/wp-content/uploads/2024/03/Mantis-free-vue.png"
+      "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Mantis-free-vue.png"
     },
     {
       "name": "Free Able Pro VueJs",
       "price": 0,
       "description": "Free & Open Source Able pro VueJs Admin Template",
       "url": "https://codedthemes.com/item/able-pro-free-vuejs-admin-dashboard/?ref=evan.vuejs",
-      "image": "https://codedthemes.com/wp-content/uploads/2024/03/Able-pro-free-vue.png"
+      "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Able+pro-free-vue.png"
     },
     {
       "name": "Able Pro Vue3 + Vuetify Dashboard",
       "price": 11,
       "description": "Vue3 + Vite + Vuetify + Typescript",
       "url": "https://codedthemes.com/item/able-pro-vuejs-admin-dashboard/?ref=evan.vuejs",
-      "image": "https://codedthemes.com/wp-content/uploads/2024/03/Able-pro-pro-vue.png"
+      "image": "https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Able+pro-pro-vue.png"
     }
   ]
 }
diff --git a/src/examples/src/form-bindings/App/template.html b/src/examples/src/form-bindings/App/template.html
index cfee5c0f7..dfde35984 100644
--- a/src/examples/src/form-bindings/App/template.html
+++ b/src/examples/src/form-bindings/App/template.html
@@ -1,5 +1,6 @@
 <h2>Text Input</h2>
-<input v-model="text"> {{ text }}
+<input v-model="text">
+<p>{{ text }}</p>
 
 <h2>Checkbox</h2>
 <input type="checkbox" id="checkbox" v-model="checked">
@@ -16,7 +17,7 @@ <h2>Multi Checkbox</h2>
 <label for="john">John</label>
 <input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
 <label for="mike">Mike</label>
-<p>Checked names: <pre>{{ checkedNames }}</pre></p>
+<p>Checked names: {{ checkedNames }}</p>
 
 <h2>Radio</h2>
 <input type="radio" id="one" value="One" v-model="picked">
@@ -24,8 +25,7 @@ <h2>Radio</h2>
 <br>
 <input type="radio" id="two" value="Two" v-model="picked">
 <label for="two">Two</label>
-<br>
-<span>Picked: {{ picked }}</span>
+<p>Picked: {{ picked }}</p>
 
 <h2>Select</h2>
 <select v-model="selected">
@@ -34,7 +34,7 @@ <h2>Select</h2>
   <option>B</option>
   <option>C</option>
 </select>
-<span>Selected: {{ selected }}</span>
+<p>Selected: {{ selected }}</p>
 
 <h2>Multi Select</h2>
 <select v-model="multiSelected" multiple style="width:100px">
@@ -42,4 +42,4 @@ <h2>Multi Select</h2>
   <option>B</option>
   <option>C</option>
 </select>
-<span>Selected: {{ multiSelected }}</span>
+<p>Selected: {{ multiSelected }}</p>
diff --git a/src/examples/src/list-transition/App/style.css b/src/examples/src/list-transition/App/style.css
index 2e9079554..95e63a113 100644
--- a/src/examples/src/list-transition/App/style.css
+++ b/src/examples/src/list-transition/App/style.css
@@ -1,6 +1,7 @@
 .container {
   position: relative;
   padding: 0;
+  list-style-type: none;
 }
 
 .item {
diff --git a/src/examples/src/list-transition/App/template.html b/src/examples/src/list-transition/App/template.html
index f62d65dec..92cbb5698 100644
--- a/src/examples/src/list-transition/App/template.html
+++ b/src/examples/src/list-transition/App/template.html
@@ -1,10 +1,10 @@
-<button @click="insert">insert at random index</button>
-<button @click="reset">reset</button>
-<button @click="shuffle">shuffle</button>
+<button @click="insert">Insert at random index</button>
+<button @click="reset">Reset</button>
+<button @click="shuffle">Shuffle</button>
 
 <TransitionGroup tag="ul" name="fade" class="container">
-  <div v-for="item in items" class="item" :key="item">
+  <li v-for="item in items" class="item" :key="item">
     {{ item }}
     <button @click="remove(item)">x</button>
-  </div>
+  </li>
 </TransitionGroup>
diff --git a/src/examples/src/modal/App/template.html b/src/examples/src/modal/App/template.html
index 4d2bf60dd..7e5492107 100644
--- a/src/examples/src/modal/App/template.html
+++ b/src/examples/src/modal/App/template.html
@@ -4,7 +4,7 @@
   <!-- 使用这个 modal 组件，传入 prop -->
   <modal :show="showModal" @close="showModal = false">
     <template #header>
-      <h3>custom header</h3>
+      <h3>Custom Header</h3>
     </template>
   </modal>
 </Teleport>
diff --git a/src/examples/src/todomvc/App/template.html b/src/examples/src/todomvc/App/template.html
index 0c9cc9fe6..9be7c5911 100644
--- a/src/examples/src/todomvc/App/template.html
+++ b/src/examples/src/todomvc/App/template.html
@@ -1,6 +1,6 @@
 <section class="todoapp">
   <header class="header">
-    <h1>todos</h1>
+    <h1>Todos</h1>
     <input
       class="new-todo"
       autofocus
diff --git a/src/glossary/index.md b/src/glossary/index.md
index 8e7e3fd82..a7f78125f 100644
--- a/src/glossary/index.md
+++ b/src/glossary/index.md
@@ -275,7 +275,7 @@ Vue 只能在响应式作用内部跟踪响应式依赖关系。如果在响应
 
 实现一个响应性系统的方式有很多种。例如，可以通过代码的静态分析来确定其依赖关系。但是，Vue 没有采用这种形式的响应性系统。
 
-取而代之的是，Vue 的响应性系统在运行时跟踪属性的访问。它通过结合 Proxy 包装器和 getter/setter 函数来实现。
+取而代之的是，Vue 的响应性系统在运行时跟踪属性的访问。它通过结合 Proxy 包装器和 [getter](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/get#description)/[setter](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/set#description) 函数来实现。
 
 详见：
 - [指南 - 响应式基础](/guide/essentials/reactivity-fundamentals.html)
diff --git a/src/guide/best-practices/accessibility.md b/src/guide/best-practices/accessibility.md
index 66fe09e6e..dc3ca511e 100644
--- a/src/guide/best-practices/accessibility.md
+++ b/src/guide/best-practices/accessibility.md
@@ -127,7 +127,6 @@ watch(
 | form    | role="form"          | 表单相关元素的集合 |
 | section | role="region"        | 相关的且用户可能会导航至此的内容。必须为该元素提供 label |
 
-
 :::tip 提示：
 建议同时使用 landmark HTML 元素和 role 属性，以最大程度地兼容[不支持 HTML5 语义元素的传统浏览器](https://caniuse.com/#feat=html5semantic)。
 :::
@@ -155,8 +154,6 @@ watch(
 </form>
 ```
 
-<!-- <common-codepen-snippet title="Simple Form" slug="dyNzzWZ" :height="368" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 请注意这里我们是如何在表单元素中引入 `autocomplete='on'` 的，它将应用于表单中的所有 input 框。你也可以为每个 input 框都设置不同的 [autocomplete attribute 的值](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)。
 
 ### 标签 {#labels}
@@ -168,8 +165,6 @@ watch(
 <input type="text" name="name" id="name" v-model="name" />
 ```
 
-<!-- <common-codepen-snippet title="Form Label" slug="XWpaaaj" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 如果你在 Chrome 开发者工具中检查这个元素，并打开 Elements 选项卡中的 Accessibility 选项卡，你将看到输入是如何从标签中获取其名称的：
 
 ![Chrome 开发者工具正在通过标签展示无障碍访问的 input 框的名字](./images/AccessibleLabelChromeDevTools.png)
@@ -202,8 +197,6 @@ watch(
 />
 ```
 
-<!-- <common-codepen-snippet title="Form ARIA label" slug="NWdvvYQ" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 在 Chrome DevTools 中审查此元素，查看无障碍名称是如何更改的：
 
 ![Chrome 开发者工具正在通过 aria-label 展示无障碍访问的 input 框名字](./images/AccessibleARIAlabelDevTools.png)
@@ -234,8 +227,6 @@ watch(
 </form>
 ```
 
-<!-- <common-codepen-snippet title="Form ARIA labelledby" slug="MWJvvBe" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 ![Chrome 开发者工具通过 aria-labelledby 展示 input 的无障碍访问名称](./images/AccessibleARIAlabelledbyDevTools.png)
 
 #### `aria-describedby` {#aria-describedby}
@@ -266,8 +257,6 @@ watch(
 </form>
 ```
 
-<!-- <common-codepen-snippet title="Form ARIA describedby" slug="gOgxxQE" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 你可以通过使用 Chrome 开发者工具来查看说明：
 
 ![Chrome 开发者工具正在根据 aria-labelledby 和 aria-describedby 展示 input 的无障碍访问名和无障碍访问描述信息](./images/AccessibleARIAdescribedby.png)
@@ -325,7 +314,8 @@ watch(
 
 ### 用法说明 {#instructions}
 
-添加用法说明时，请确保将其正确链接到目标 input 框。你可以提供附加用法说明并在 [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) 内绑定多个 id。这可以使设计更加灵活。
+添加用法说明时，请确保将其正确链接到目标 input 框。
+你可以提供附加用法说明并在 [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) 内绑定多个 id。这可以使设计更加灵活。
 
 ```vue-html
 <fieldset>
@@ -352,8 +342,6 @@ watch(
 </fieldset>
 ```
 
-<!-- <common-codepen-snippet title="Form Instructions" slug="WNREEqv" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 ### 隐藏内容 {#hiding-content}
 
 通常，即使 input 框具有无障碍的名称，也不建议在视觉上隐藏标签。但是，如果可以借助周围的内容来理解输入的功能，那么我们也可以隐藏视觉标签。
@@ -386,8 +374,6 @@ watch(
 }
 ```
 
-<!-- <common-codepen-snippet title="Form Search" slug="QWdMqWy" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 #### `aria-hidden="true"` {#aria-hidden-true}
 
 添加 `aria-hidden="true"` 在无障碍访问时被隐藏，但对其他可视用户仍然是可见的。不要在可聚焦的元素上使用它，请只在装饰性的、重复的或屏幕外的内容上使用它。
@@ -414,8 +400,6 @@ watch(
 </form>
 ```
 
-<!-- <common-codepen-snippet title="Form Buttons" slug="JjEyrYZ" :height="467" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 ### 功能图片 {#functional-images}
 
 你可以使用这种方式来创建一个带有功能的图片。
@@ -450,8 +434,6 @@ watch(
 </form>
 ```
 
-<!-- <common-codepen-snippet title="Functional Images" slug="jOyLGqM" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
-
 ## 规范 {#standards}
 
 万维网联盟 (W3C) Web 无障碍访问倡议 (WAI) 为不同的组件制定了 Web 无障碍性标准：
diff --git a/src/guide/built-ins/keep-alive-demos/CompA.vue b/src/guide/built-ins/keep-alive-demos/CompA.vue
index 58f01003a..eaf6daf9f 100644
--- a/src/guide/built-ins/keep-alive-demos/CompA.vue
+++ b/src/guide/built-ins/keep-alive-demos/CompA.vue
@@ -5,6 +5,6 @@ const count = ref(0)
 
 <template>
   <p>Current component: A</p>
-  <span style="margin-right: 20px">count: {{ count }}</span>
+  <span style="margin-right: 20px">Count: {{ count }}</span>
   <button @click="count++">+</button>
 </template>
diff --git a/src/guide/built-ins/keep-alive.md b/src/guide/built-ins/keep-alive.md
index d6015f589..b2b9295ee 100644
--- a/src/guide/built-ins/keep-alive.md
+++ b/src/guide/built-ins/keep-alive.md
@@ -136,7 +136,6 @@ export default {
 - <span class="composition-api">`onActivated`</span><span class="options-api">`activated`</span> 在组件挂载时也会调用，并且 <span class="composition-api">`onDeactivated`</span><span class="options-api">`deactivated`</span> 在组件卸载时也会调用。
 
 - 这两个钩子不仅适用于 `<KeepAlive>` 缓存的根组件，也适用于缓存树中的后代组件。
-
 ---
 
 **参考**
diff --git a/src/guide/built-ins/suspense.md b/src/guide/built-ins/suspense.md
index 89a232f71..47f54192a 100644
--- a/src/guide/built-ins/suspense.md
+++ b/src/guide/built-ins/suspense.md
@@ -133,6 +133,34 @@ const posts = await res.json()
 
 Vue Router 使用动态导入对[懒加载组件](https://router.vuejs.org/zh/guide/advanced/lazy-loading.html)进行了内置支持。这些与异步组件不同，目前他们不会触发 `<Suspense>`。但是，它们仍然可以有异步组件作为后代，这些组件可以照常触发 `<Suspense>`。
 
+## 嵌套使用 {#nested-suspense}
+
+当我们有多个类似于下方的异步组件 (常见于嵌套或基于布局的路由) 时：
+
+```vue-html
+<Suspense>
+  <component :is="DynamicAsyncOuter">
+    <component :is="DynamicAsyncInner" />
+  </component>
+</Suspense>
+```
+
+`<Suspense>` 创建了一个边界，它将如预期的那样解析树下的所有异步组件。然而，当我们更改 `DynamicAsyncOuter` 时，`<Suspense>` 会正确地等待它，但当我们更改 `DynamicAsyncInner` 时，嵌套的 `DynamicAsyncInner` 会呈现为一个空节点，直到它被解析为止 (而不是之前的节点或回退插槽)。
+
+为了解决这个问题，我们可以使用嵌套的方法来处理嵌套组件的补丁，就像这样：
+
+```vue-html
+<Suspense>
+  <component :is="DynamicAsyncOuter">
+    <Suspense suspensible> <!-- 像这样 -->
+      <component :is="DynamicAsyncInner" />
+    </Suspense>
+  </component>
+</Suspense>
+```
+
+如果你不设置 `suspensible` 属性，内部的 `<Suspense>` 将被父级 `<Suspense>` 视为同步组件。这意味着它将会有自己的回退插槽，如果两个 `Dynamic` 组件同时被修改，则当子 `<Suspense>` 加载其自己的依赖关系树时，可能会出现空节点和多个修补周期，这可能不是理想情况。设置后，所有异步依赖项处理都会交给父级 `<Suspense>` (包括发出的事件)，而内部 `<Suspense>` 仅充当依赖项解析和修补的另一个边界。
+
 ---
 
 **参考**
diff --git a/src/guide/components/attrs.md b/src/guide/components/attrs.md
index afd0bfc71..1d5aa29f3 100644
--- a/src/guide/components/attrs.md
+++ b/src/guide/components/attrs.md
@@ -14,7 +14,7 @@ outline: deep
 
 ```vue-html
 <!-- <MyButton> 的模板 -->
-<button>click me</button>
+<button>Click Me</button>
 ```
 
 一个父组件使用了这个组件，并且传入了 `class`：
@@ -26,7 +26,7 @@ outline: deep
 最后渲染出的 DOM 结果是：
 
 ```html
-<button class="large">click me</button>
+<button class="large">Click Me</button>
 ```
 
 这里，`<MyButton>` 并没有将 `class` 声明为一个它所接受的 prop，所以 `class` 被视作透传 attribute，自动透传到了 `<MyButton>` 的根元素上。
@@ -37,13 +37,13 @@ outline: deep
 
 ```vue-html
 <!-- <MyButton> 的模板 -->
-<button class="btn">click me</button>
+<button class="btn">Click Me</button>
 ```
 
 则最后渲染出的 DOM 结果会变成：
 
 ```html
-<button class="btn large">click me</button>
+<button class="btn large">Click Me</button>
 ```
 
 ### `v-on` 监听器继承 {#v-on-listener-inheritance}
@@ -112,7 +112,7 @@ defineOptions({
 
 ```vue-html
 <div class="btn-wrapper">
-  <button class="btn">click me</button>
+  <button class="btn">Click Me</button>
 </div>
 ```
 
@@ -120,7 +120,7 @@ defineOptions({
 
 ```vue-html{2}
 <div class="btn-wrapper">
-  <button class="btn" v-bind="$attrs">click me</button>
+  <button class="btn" v-bind="$attrs">Click Me</button>
 </div>
 ```
 
diff --git a/src/guide/components/events.md b/src/guide/components/events.md
index f8b7a5bcf..2ab44326b 100644
--- a/src/guide/components/events.md
+++ b/src/guide/components/events.md
@@ -28,7 +28,7 @@ if (typeof window !== 'undefined') {
 
 ```vue-html
 <!-- MyComponent -->
-<button @click="$emit('someEvent')">click me</button>
+<button @click="$emit('someEvent')">Click Me</button>
 ```
 
 <div class="options-api">
diff --git a/src/guide/components/props.md b/src/guide/components/props.md
index 3c3484e99..6595912e5 100644
--- a/src/guide/components/props.md
+++ b/src/guide/components/props.md
@@ -2,6 +2,10 @@
 
 > 此章节假设你已经看过了[组件基础](/guide/essentials/component-basics)。若你还不了解组件是什么，请先阅读该章节。
 
+<!--<div class="options-api">
+  <VueSchoolLink href="https://vueschool.io/lessons/vue-3-reusable-components-with-props" title="Free Vue.js Props Lesson"/>
+</div>-->
+
 ## Props 声明 {#props-declaration}
 
 一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute (关于透传 attribute，我们会在[专门的章节](/guide/components/attrs)中讨论)。
@@ -385,13 +389,18 @@ defineProps({
     type: String,
     required: true
   },
-  // Number 类型的默认值
+  // 必传但可为空的字符串
   propD: {
+    type: [String, null],
+    required: true
+  },
+  // Number 类型的默认值
+  propE: {
     type: Number,
     default: 100
   },
   // 对象类型的默认值
-  propE: {
+  propF: {
     type: Object,
     // 对象或数组的默认值
     // 必须从一个工厂函数返回。
@@ -402,14 +411,14 @@ defineProps({
   },
   // 自定义类型校验函数
   // 在 3.4+ 中完整的 props 作为第二个参数传入
-  propF: {
+  propG: {
     validator(value, props) {
       // The value must match one of these strings
       return ['success', 'warning', 'danger'].includes(value)
     }
   },
   // 函数类型的默认值
-  propG: {
+  propH: {
     type: Function,
     // 不像对象或数组的默认，这不是一个
     // 工厂函数。这会是一个用来作为默认值的函数
@@ -440,13 +449,18 @@ export default {
       type: String,
       required: true
     },
-    // Number 类型的默认值
+    // 必传但可为空的字符串
     propD: {
+      type: [String, null],
+      required: true
+    },
+    // Number 类型的默认值
+    propE: {
       type: Number,
       default: 100
     },
     // 对象类型的默认值
-    propE: {
+    propF: {
       type: Object,
       // 对象或者数组应当用工厂函数返回。
       // 工厂函数会收到组件所接收的原始 props
@@ -457,14 +471,14 @@ export default {
     },
     // 自定义类型校验函数
     // 在 3.4+ 中完整的 props 作为第二个参数传入
-    propF: {
+    propG: {
       validator(value, props) {
         // The value must match one of these strings
         return ['success', 'warning', 'danger'].includes(value)
       }
     },
     // 函数类型的默认值
-    propG: {
+    propH: {
       type: Function,
       // 不像对象或数组的默认，这不是一个
       // 工厂函数。这会是一个用来作为默认值的函数
@@ -553,6 +567,39 @@ export default {
 
 Vue 会通过 `instanceof Person` 来校验 `author` prop 的值是否是 `Person` 类的一个实例。
 
+### 可为空的类型 {#nullable-type}
+
+如果该类型是必传的但可为空，你可以用一个包含 `null` 的数组语法：
+
+<div class="composition-api">
+
+```js
+defineProps({
+  id: {
+    type: [String, null],
+    required: true
+  }
+})
+```
+
+</div>
+<div class="options-api">
+
+```js
+export default {
+  props: {
+    id: {
+      type: [String, null],
+      required: true
+    }
+  }
+}
+```
+
+</div>
+
+注意如果 `type` 仅为 `null` 而非使用数组语法，它将允许任何类型。
+
 ## Boolean 类型转换 {#boolean-casting}
 
 为了更贴近原生 boolean attributes 的行为，声明为 `Boolean` 类型的 props 有特别的类型转换规则。以带有如下声明的 `<MyComponent>` 组件为例：
@@ -597,17 +644,17 @@ export default {
 defineProps({
   disabled: [Boolean, Number]
 })
-  
+
 // disabled 将被转换为 true
 defineProps({
   disabled: [Boolean, String]
 })
-  
+
 // disabled 将被转换为 true
 defineProps({
   disabled: [Number, Boolean]
 })
-  
+
 // disabled 将被解析为空字符串 (disabled="")
 defineProps({
   disabled: [String, Boolean]
@@ -624,21 +671,21 @@ export default {
     disabled: [Boolean, Number]
   }
 }
-  
+
 // disabled 将被转换为 true
 export default {
   props: {
     disabled: [Boolean, String]
   }
 }
-  
+
 // disabled 将被转换为 true
 export default {
   props: {
     disabled: [Number, Boolean]
   }
 }
-  
+
 // disabled 将被解析为空字符串 (disabled="")
 export default {
   props: {
diff --git a/src/guide/components/slots.md b/src/guide/components/slots.md
index 621dcd9aa..54538d0ba 100644
--- a/src/guide/components/slots.md
+++ b/src/guide/components/slots.md
@@ -2,6 +2,8 @@
 
 > 此章节假设你已经看过了[组件基础](/guide/essentials/component-basics)。若你还不了解组件是什么，请先阅读该章节。
 
+<!--<VueSchoolLink href="https://vueschool.io/lessons/vue-3-component-slots" title="Free Vue.js Slots Lesson"/>-->
+
 ## 插槽内容与出口 {#slot-content-and-outlet}
 
 在之前的章节中，我们已经了解到组件能够接收任意类型的 JavaScript 值作为 props，但组件要如何接收模板内容呢？在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。
@@ -300,8 +302,8 @@ function BaseLayout(slots) {
 
 你可以结合使用 [$slots](/api/component-instance.html#slots) 属性与 [v-if](/guide/essentials/conditional.html#v-if) 来实现。
 
-在下面的示例中，我们定义了一个卡片组件，它拥有两个条件插槽：`header` 和 `footer`。
-当 header 或 footer 存在时，我们希望包装它们以提供额外的样式：
+在下面的示例中，我们定义了一个卡片组件，它拥有三个条件插槽：`header`、`footer` 和 `default`。
+当 header、footer 或 default 存在时，我们希望包装它们以提供额外的样式：
 
 ```vue-html
 <template>
@@ -310,7 +312,7 @@ function BaseLayout(slots) {
       <slot name="header" />
     </div>
     
-    <div class="card-content">
+    <div v-if="$slots.default" class="card-content">
       <slot />
     </div>
     
@@ -321,7 +323,7 @@ function BaseLayout(slots) {
 </template>
 ```
 
-[在演练场中尝试一下](https://play.vuejs.org/#eNqFVD1v2zAQ/SsEWyBLIjVoJlcN0AYZ2qEt2oxaaOkkMaZIgqRcGYH/e4+kqFi26wAejvfevfu0XugXrbPtAHRFC1sZrh2x4AZ9X0rea2UceWCmJo1RPbnKcv/w9KtSFnnkIxMfDnotmAN8EVJ4WrDQTgh51wGrwUx+RLrb+6eOW4I/1wGJcJGjewrND1RP1Gpo2CB8+klOL9QqJR1IV+S+lbfVGqXcYW3QL9QiXOToPqPmn1PLCz+9ps5iIQ1vs2erJA75xbNLWqlecwHmp3ZcSVvSFQmIx5gQ6u/34HNmgOvkrzqoNmf8z3b0vpL+MmDBbKGkM+aYacFF+PHPDxjRnsFe1YNA9gXwN1glBl9jpH0dZI1lH/BCtd/CqXDZPtnHEcduU1O+UM/cB35J8XQeLrT+Wu7H7C7ElXKPU0xn5690Ofeab0klmLWfcUDIKmlakEe2N7xB4L0VytksHlhJFwE3yfu6e88mkvWAlDkmnxePwpN9kGkhOd3eieYbGstq48kdV5u856udY04zJevob1BYtxNxlplPkHaxVgb7XpFbPRI8AV6TtWDV5lNENatr3PaKfAgO3NIsMM1z1sGg1ig8G5yKUKhoN7u1GOBY6U6Pp1rTIJPYZXJs/v+JBW871xq2u5g6fNjCTOj+H/sTpqs=)
+[在演练场中尝试一下](https://play.vuejs.org/#eNqVVMtu2zAQ/BWCLZBLIjVoTq4aoA1yaA9t0eaoCy2tJcYUSZCUKyPwv2dJioplOw4C+EDuzM4+ONYT/aZ1tumBLmhhK8O1IxZcr29LyTutjCN3zNRkZVRHLrLcXzz9opRFHvnIxIuDTgvmAG+EFJ4WTnhOCPnQAqvBjHFE2uvbh5Zbgj/XAolwkWN4TM33VI/UalixXvjyo5yeqVVKOpCuyP0ob6utlHL7vUE3U4twkWP4hJq/jiPP4vSSOouNrHiTPVolcclPnl3SSnWaCzC/teNK2pIuSEA8xoRQ/3+GmDM9XKZ41UK1PhF/tIOPlfSPAQtmAyWdMMdMAy7C9/9+wYDnCexU3QtknwH/glWi9z1G2vde1tj2Hi90+yNYhcvmwd4PuHabhvKNeuYu8EuK1rk7M/pLu5+zm5BXyh1uMdnOu3S+95pvSCWYtV9xQcgqaXogj2yu+AqBj1YoZ7NosJLOEq5S9OXtPZtI1gFSppx8engUHs+vVhq9eVhq9ORRrXdpRyseSqfo6SmmnONK6XTw9yis24q448wXSG+0VAb3sSDXeiBoDV6TpWDV+ktENatrdMGCfAoBfL1JYNzzpINJjVFoJ9yKUKho19ul6OFQ6UYPx1rjIpPYeXIc/vXCgjetawzbni0dPnhhJ3T3DMVSruI=)
 
 ## 动态插槽名 {#dynamic-slot-names}
 
diff --git a/src/guide/components/v-model.md b/src/guide/components/v-model.md
index eb51b058c..d0555745a 100644
--- a/src/guide/components/v-model.md
+++ b/src/guide/components/v-model.md
@@ -19,7 +19,7 @@ function update() {
 </script>
 
 <template>
-  <div>parent bound v-model is: {{ model }}</div>
+  <div>Parent bound v-model is: {{ model }}</div>
 </template>
 ```
 
@@ -59,6 +59,7 @@ const model = defineModel()
 在 3.4 版本之前，你一般会按照如下的方式来实现上述相同的子组件：
 
 ```vue
+<!-- Child.vue -->
 <script setup>
 const props = defineProps(['modelValue'])
 const emit = defineEmits(['update:modelValue'])
@@ -72,6 +73,16 @@ const emit = defineEmits(['update:modelValue'])
 </template>
 ```
 
+然后，父组件中的 `v-model="modelValue"` 将被编译为：
+
+```vue-html
+<!-- Parent.vue -->
+<Child
+  :modelValue="foo"
+  @update:modelValue="$event => (foo = $event)"
+/>
+```
+
 如你所见，这显得冗长得多。然而，这样写有助于理解其底层机制。
 
 因为 `defineModel` 声明了一个 prop，你可以通过给 `defineModel` 传递选项，来声明底层 prop 的选项：
@@ -212,7 +223,7 @@ const title = defineModel('title')
 </template>
 ```
 
-[在演练场中尝试一下](https://play.vuejs.org/#eNqFkl9PwjAUxb9K05dhglsMb2SQqOFBE9Soj31Zxh0Uu7bpHxxZ9t29LWOiQXzaes7p2a+9a+mt1unOA53S3JaGa0csOK/nTPJaK+NISwxUpCOVUTVJMJoM1nJ/r/BNgnS9nWYnWujFMCFMlkpaRxx3AsgsFI6S3XWtViBIYda+Dg3QFLUWkFwxmWcHFqTAhQPUCwe4IiTf3Mzbtq/qujzDddRPYfruaUzNGI1PRkmG0Twb+uiY/sI9cw0/0VdQcQnL0D5KovgfL5fa4/69jiDQOOTo+S6SOYtfrvg63VolkauNN0lLxOUCzLN2HMkYnZLoBK8QQn0+Rs0ZD+OjXm6g/Dijb20TNEZfDFgwOwQZPIdzAWQN9uLtKXIPJtL7gH3BfAWrhA+Mh9idlyvEPslF2of4J3G5freLxoG0x0MF0JDsYp5RHE6Y1F9H/8adpJO4j8mOdl/Hw/nf)
+[在演练场中尝试一下](https://play.vuejs.org/#eNqFU9tu2zAM/RVBKOAWyGIM25PhFbugDxuwC7a+VX3wEiZ1K0uCRHkuDP/7SKlxk16BILbIQ/KcQ3mUn5xb9hFkJeuw8q3DU2XazlmP4vvtF0tvBgyKjbedKJblXozLCmWUgSHB17BpokYxKiPEaocKlRgPOk0Lzq8bbI5PMlYIDxi92Z2E+GvtzXmLGipR9G86uwYtGr+NHTeAoemc5tEMnfhBf/Sry1kBHRAI1SDQSYj66u3pON73FdNUlxRLuX12d9MqZNQHJecKJUVJ8Lqc+8qFfODGgYlPueK8dWTIRZHaF5fJCuhadumiiI5cgTy6uHxVUmtcxGwC3jomizCgkjlU9Y2OKZjZ5+jHVETRI556fDhyIY6gZylIXgMp4g4nufSxdgwrazbtdnkdrCHlSaCSvPhWg//psLUmKEn7z7OVbLS2/76lGPoISX2quYLVzRPx6zBwTMlfHgL4nmTMucwxp8/+/EjK5yTtMLLoF5K/IVgdmWOGfY5mTbT3cInt1/QptGZ7Hs4GBBN2ophounoJryStn+/Cc9Lv6b5bvt9dWTn9B6F1Lrs=)
 
 如果需要额外的 prop 选项，应该在 model 名称之后传递：
 
@@ -547,7 +558,7 @@ const [firstName, firstNameModifiers] = defineModel('firstName')
 const [lastName, lastNameModifiers] = defineModel('lastName')
 
 console.log(firstNameModifiers) // { capitalize: true }
-console.log(lastNameModifiers) // { uppercase: true}
+console.log(lastNameModifiers) // { uppercase: true }
 </script>
 ```
 
@@ -565,7 +576,7 @@ lastNameModifiers: { default: () => ({}) }
 defineEmits(['update:firstName', 'update:lastName'])
 
 console.log(props.firstNameModifiers) // { capitalize: true }
-console.log(props.lastNameModifiers) // { uppercase: true}
+console.log(props.lastNameModifiers) // { uppercase: true }
 </script>
 ```
 
@@ -589,7 +600,7 @@ export default {
   emits: ['update:firstName', 'update:lastName'],
   created() {
     console.log(this.firstNameModifiers) // { capitalize: true }
-    console.log(this.lastNameModifiers) // { uppercase: true}
+    console.log(this.lastNameModifiers) // { uppercase: true }
   }
 }
 </script>
diff --git a/src/guide/essentials/class-and-style.md b/src/guide/essentials/class-and-style.md
index e3100edea..effd530d2 100644
--- a/src/guide/essentials/class-and-style.md
+++ b/src/guide/essentials/class-and-style.md
@@ -288,7 +288,7 @@ data() {
 ```js
 const styleObject = reactive({
   color: 'red',
-  fontSize: '13px'
+  fontSize: '30px'
 })
 ```
 
diff --git a/src/guide/essentials/component-basics.md b/src/guide/essentials/component-basics.md
index dcad58424..a516110c8 100644
--- a/src/guide/essentials/component-basics.md
+++ b/src/guide/essentials/component-basics.md
@@ -469,6 +469,7 @@ Something bad happened.
 这可以通过 Vue 的自定义 `<slot>` 元素来实现：
 
 ```vue{4}
+<!-- AlertBox.vue -->
 <template>
   <div class="alert-box">
     <strong>This is an Error for Demo Purposes</strong>
diff --git a/src/guide/essentials/computed.md b/src/guide/essentials/computed.md
index 6516beb11..c552fea8d 100644
--- a/src/guide/essentials/computed.md
+++ b/src/guide/essentials/computed.md
@@ -122,7 +122,7 @@ const publishedBooksMessage = computed(() => {
 
 [在演练场中尝试一下](https://play.vuejs.org/#eNp1kE9Lw0AQxb/KI5dtoTainkoaaREUoZ5EEONhm0ybYLO77J9CCfnuzta0vdjbzr6Zeb95XbIwZroPlMySzJW2MR6OfDB5oZrWaOvRwZIsfbOnCUrdmuCpQo+N1S0ET4pCFarUynnI4GttMT9PjLpCAUq2NIN41bXCkyYxiZ9rrX/cDF/xDYiPQLjDDRbVXqqSHZ5DUw2tg3zP8lK6pvxHe2DtvSasDs6TPTAT8F2ofhzh0hTygm5pc+I1Yb1rXE3VMsKsyDm5JcY/9Y5GY8xzHI+wnIpVw4nTI/10R2rra+S4xSPEJzkBvvNNs310ztK/RDlLLjy1Zic9cQVkJn+R7gIwxJGlMXiWnZEq77orhH3Pq2NH9DjvTfpfSBSbmA==)
 
-我们在这里定义了一个计算属性 `publishedBooksMessage`。`computed()` 方法期望接收一个 getter 函数，返回值为一个**计算属性 ref**。和其他一般的 ref 类似，你可以通过 `publishedBooksMessage.value` 访问计算结果。计算属性 ref 也会在模板中自动解包，因此在模板表达式中引用时无需添加 `.value`。
+我们在这里定义了一个计算属性 `publishedBooksMessage`。`computed()` 方法期望接收一个 [getter 函数](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/get#description)，返回值为一个**计算属性 ref**。和其他一般的 ref 类似，你可以通过 `publishedBooksMessage.value` 访问计算结果。计算属性 ref 也会在模板中自动解包，因此在模板表达式中引用时无需添加 `.value`。
 
 Vue 的计算属性会自动追踪响应式依赖。它会检测到 `publishedBooksMessage` 依赖于 `author.books`，所以当 `author.books` 改变时，任何依赖于 `publishedBooksMessage` 的绑定都会同时更新。
 
diff --git a/src/guide/essentials/event-handling.md b/src/guide/essentials/event-handling.md
index fb88373e0..0a081b0d4 100644
--- a/src/guide/essentials/event-handling.md
+++ b/src/guide/essentials/event-handling.md
@@ -108,7 +108,7 @@ methods: {
 
 </div>
 
-方法事件处理器会自动接收原生 DOM 事件并触发执行。在上面的例子中，我们能够通过被触发事件的 `event.target.tagName` 访问到该 DOM 元素。
+方法事件处理器会自动接收原生 DOM 事件并触发执行。在上面的例子中，我们能够通过被触发事件的 `event.target` 访问到该 DOM 元素。
 
 <div class="composition-api">
 
diff --git a/src/guide/essentials/watchers.md b/src/guide/essentials/watchers.md
index b0ff3e747..176a717ca 100644
--- a/src/guide/essentials/watchers.md
+++ b/src/guide/essentials/watchers.md
@@ -109,7 +109,7 @@ watch(question, async (newQuestion, oldQuestion) => {
 
 ### 侦听数据源类型 {#watch-source-types}
 
-`watch` 的第一个参数可以是不同形式的“数据源”：它可以是一个 ref (包括计算属性)、一个响应式对象、一个 getter 函数、或多个数据源组成的数组：
+`watch` 的第一个参数可以是不同形式的“数据源”：它可以是一个 ref (包括计算属性)、一个响应式对象、一个 [getter 函数](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/get#description)、或多个数据源组成的数组：
 
 ```js
 const x = ref(0)
@@ -141,7 +141,7 @@ const obj = reactive({ count: 0 })
 
 // 错误，因为 watch() 得到的参数是一个 number
 watch(obj.count, (count) => {
-  console.log(`count is: ${count}`)
+  console.log(`Count is: ${count}`)
 })
 ```
 
@@ -152,7 +152,7 @@ watch(obj.count, (count) => {
 watch(
   () => obj.count,
   (count) => {
-    console.log(`count is: ${count}`)
+    console.log(`Count is: ${count}`)
   }
 )
 ```
@@ -272,13 +272,12 @@ watch(
 
 </div>
 
-
 ## 一次性侦听器 <sup class="vt-badge" data-text="3.4+" /> {#once-watchers}
 
 每当被侦听源发生变化时，侦听器的回调就会执行。如果希望回调只在源变化时触发一次，请使用 `once: true` 选项。
 
 <div class="options-api">
-  
+
 ```js
 export default {
   watch: {
diff --git a/src/guide/extras/reactivity-in-depth.md b/src/guide/extras/reactivity-in-depth.md
index ca1503e36..829738462 100644
--- a/src/guide/extras/reactivity-in-depth.md
+++ b/src/guide/extras/reactivity-in-depth.md
@@ -67,7 +67,7 @@ whenDepsChange(update)
 
 我们无法直接追踪对上述示例中局部变量的读写，原生 JavaScript 没有提供任何机制能做到这一点。**但是**，我们是可以追踪**对象属性**的读写的。
 
-在 JavaScript 中有两种劫持 property 访问的方式：[getter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get) / [setters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set) 和 [Proxies](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy)。Vue 2 使用 getter / setters 完全是出于支持旧版本浏览器的限制。而在 Vue 3 中则使用了 Proxy 来创建响应式对象，仅将 getter / setter 用于 ref。下面的伪代码将会说明它们是如何工作的：
+在 JavaScript 中有两种劫持 property 访问的方式：[getter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#description) / [setters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set#description) 和 [Proxies](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy)。Vue 2 使用 getter / setters 完全是出于支持旧版本浏览器的限制。而在 Vue 3 中则使用了 Proxy 来创建响应式对象，仅将 getter / setter 用于 ref。下面的伪代码将会说明它们是如何工作的：
 
 ```js{4,9,17,22}
 function reactive(obj) {
@@ -191,7 +191,7 @@ import { ref, watchEffect } from 'vue'
 const count = ref(0)
 
 watchEffect(() => {
-  document.body.innerHTML = `计数：${count.value}`
+  document.body.innerHTML = `Count is: ${count.value}`
 })
 
 // 更新 DOM
@@ -409,7 +409,7 @@ export function useMachine(options) {
 
 从根本上说，信号是与 Vue 中的 ref 相同的响应性基础类型。它是一个在访问时跟踪依赖、在变更时触发副作用的值容器。这种基于响应性基础类型的范式在前端领域并不是一个特别新的概念：它可以追溯到十多年前的 [Knockout observables](https://knockoutjs.com/documentation/observables.html) 和 [Meteor Tracker](https://docs.meteor.com/api/tracker.html) 等实现。Vue 的选项式 API 和 React 的状态管理库 [MobX](https://mobx.js.org/) 也是基于同样的原则，只不过将基础类型这部分隐藏在了对象属性背后。
 
-虽然这并不是信号的必要特征，但如今这个概念经常与细粒度订阅和更新的渲染模型一起讨论。由于使用了虚拟 DOM，Vue 目前[依靠编译器来实现类似的优化](/guide/extras/rendering-mechanism#compiler-informed-virtual-dom)。然而，我们也在探索一种新的受 Solid 启发的编译策略 (Vapor Mode)，它不依赖于虚拟 DOM，而是更多地利用 Vue 的内置响应性系统。
+虽然这并不是信号的必要特征，但如今这个概念经常与细粒度订阅和更新的渲染模型一起讨论。由于使用了虚拟 DOM，Vue 目前[依靠编译器来实现类似的优化](/guide/extras/rendering-mechanism#compiler-informed-virtual-dom)。然而，我们也在探索一种新的、受 Solid 启发的、名为 [Vapor Mode](https://github.com/vuejs/core-vapor) 的编译策略，它不依赖于虚拟 DOM，而是更多地利用 Vue 的内置响应性系统。
 
 ### API 设计权衡 {#api-design-trade-offs}
 
diff --git a/src/guide/extras/render-function.md b/src/guide/extras/render-function.md
index 00a99b5a2..45395f46b 100644
--- a/src/guide/extras/render-function.md
+++ b/src/guide/extras/render-function.md
@@ -367,7 +367,7 @@ h(
       /* ... */
     }
   },
-  'click me'
+  'Click Me'
 )
 ```
 
@@ -377,7 +377,7 @@ h(
     /* ... */
   }}
 >
-  click me
+  Click Me
 </button>
 ```
 
diff --git a/src/guide/quick-start.md b/src/guide/quick-start.md
index 7272e0820..a91bd009c 100644
--- a/src/guide/quick-start.md
+++ b/src/guide/quick-start.md
@@ -67,8 +67,8 @@ import { VTCodeGroup, VTCodeGroupTab } from '@vue/theme'
 <span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Vue Router for Single Page Application development? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
 <span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Pinia for state management? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
 <span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Vitest for Unit testing? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
-<span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add an End-to-End Testing Solution? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Cypress / Playwright</span></span>
-<span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add ESLint for code quality? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
+<span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add an End-to-End Testing Solution? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Cypress / Nightwatch / Playwright</span></span>
+<span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add ESLint for code quality? <span style="color:#888;">… No / <span style="color:#89DDFF;text-decoration:underline">Yes</span></span></span>
 <span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Prettier for code formatting? <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
 <span style="color:var(--vt-c-green);">✔</span> <span style="color:#A6ACCD;">Add Vue DevTools 7 extension for debugging? (experimental) <span style="color:#888;">… <span style="color:#89DDFF;text-decoration:underline">No</span> / Yes</span></span>
 <span></span>
@@ -394,7 +394,7 @@ export default {
   data() {
     return { count: 0 }
   },
-  template: `<div>count is {{ count }}</div>`
+  template: `<div>Count is: {{ count }}</div>`
 }
 ```
 
@@ -409,7 +409,7 @@ export default {
     const count = ref(0)
     return { count }
   },
-  template: `<div>count is {{ count }}</div>`
+  template: `<div>Count is: {{ count }}</div>`
 }
 ```
 
diff --git a/src/guide/reusability/composables.md b/src/guide/reusability/composables.md
index 4f9fc2e06..60686595d 100644
--- a/src/guide/reusability/composables.md
+++ b/src/guide/reusability/composables.md
@@ -199,7 +199,7 @@ const { data, error } = useFetch(url)
 url.value = '/new-url'
 ```
 
-或者接收一个 getter 函数：
+或者接收一个 [getter 函数](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/get#description)：
 
 ```js
 // 当 props.id 改变时重新 fetch
diff --git a/src/guide/reusability/custom-directives.md b/src/guide/reusability/custom-directives.md
index 6f31635eb..9109fe47f 100644
--- a/src/guide/reusability/custom-directives.md
+++ b/src/guide/reusability/custom-directives.md
@@ -210,6 +210,11 @@ app.directive('demo', (el, binding) => {
 
 ## 在组件上使用 {#usage-on-components}
 
+:::warning 不推荐
+不推荐在组件上使用自定义指令，当组件具有多个根节点时可能会出现预期外的行为。
+:::
+
+
 当在组件上使用自定义指令时，它会始终应用于组件的根节点，和[透传 attributes](/guide/components/attrs) 类似。
 
 ```vue-html
@@ -224,4 +229,4 @@ app.directive('demo', (el, binding) => {
 </div>
 ```
 
-需要注意的是组件可能含有多个根节点。当应用到一个多根组件时，指令将会被忽略且抛出一个警告。和 attribute 不同，指令不能通过 `v-bind="$attrs"` 来传递给一个不同的元素。总的来说，**不**推荐在组件上使用自定义指令。
+需要注意的是组件可能含有多个根节点。当应用到一个多根组件时，指令将会被忽略且抛出一个警告。和 attribute 不同，指令不能通过 `v-bind="$attrs"` 来传递给一个不同的元素。
diff --git a/src/public/logo-uwu.png b/src/public/logo-uwu.png
new file mode 100644
index 000000000..f26a64e83
Binary files /dev/null and b/src/public/logo-uwu.png differ
diff --git a/src/public/vuemastery/background-bubbles-vuemastery.svg b/src/public/vuemastery/background-bubbles-vuemastery.svg
new file mode 100644
index 000000000..ca24160c7
--- /dev/null
+++ b/src/public/vuemastery/background-bubbles-vuemastery.svg
@@ -0,0 +1,110 @@
+<svg width="3840" height="250" viewBox="0 0 3840 250" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="3840" height="250">
+    <rect width="3840" height="250" fill="#C4C4C4"/>
+  </mask>
+  <g mask="url(#mask0)">
+    <path d="M3125.99 67.667C3143.38 67.667 3157.48 53.5685 3157.48 36.177C3157.48 18.7856 3143.38 4.68701 3125.99 4.68701C3108.59 4.68701 3094.5 18.7856 3094.5 36.177C3094.5 53.5685 3108.59 67.667 3125.99 67.667Z" fill="url(#paint0_radial)"/>
+    <path d="M3012.62 403.625C3090.01 403.625 3152.74 340.895 3152.74 263.513C3152.74 186.131 3090.01 123.401 3012.62 123.401C2935.24 123.401 2872.51 186.131 2872.51 263.513C2872.51 340.895 2935.24 403.625 3012.62 403.625Z" fill="url(#paint1_radial)"/>
+    <path d="M3290.39 194.64C3335.33 194.64 3371.77 158.205 3371.77 113.26C3371.77 68.315 3335.33 31.8799 3290.39 31.8799C3245.44 31.8799 3209.01 68.315 3209.01 113.26C3209.01 158.205 3245.44 194.64 3290.39 194.64Z" fill="url(#paint2_radial)"/>
+    <path d="M3125.99 86.584C3153.83 86.584 3176.39 64.016 3176.39 36.177C3176.39 8.338 3153.83 -14.23 3125.99 -14.23C3098.15 -14.23 3075.58 8.338 3075.58 36.177C3075.58 64.016 3098.15 86.584 3125.99 86.584Z" fill="url(#paint3_radial)"/>
+    <path d="M3264.55 280.843C3278.82 280.843 3290.39 269.276 3290.39 255.008C3290.39 240.74 3278.82 229.173 3264.55 229.173C3250.29 229.173 3238.72 240.74 3238.72 255.008C3238.72 269.276 3250.29 280.843 3264.55 280.843Z" fill="url(#paint4_radial)"/>
+    <path d="M3290.39 162.458C3317.56 162.458 3339.59 140.431 3339.59 113.26C3339.59 86.0887 3317.56 64.062 3290.39 64.062C3263.22 64.062 3241.19 86.0887 3241.19 113.26C3241.19 140.431 3263.22 162.458 3290.39 162.458Z" fill="url(#paint5_radial)"/>
+    <path d="M3840 -123V75.159C3805.25 83.968 3768.87 88.652 3731.39 88.652C3571.9 88.652 3432.22 3.909 3354.88 -122.999H3840V-123Z" fill="url(#paint6_radial)"/>
+    <path d="M3012.62 339.162C3054.4 339.162 3088.27 305.293 3088.27 263.513C3088.27 221.733 3054.4 187.864 3012.62 187.864C2970.84 187.864 2936.97 221.733 2936.97 263.513C2936.97 305.293 2970.84 339.162 3012.62 339.162Z" fill="url(#paint7_radial)"/>
+    <path opacity="0.4" d="M2799.73 -18.148C2799.73 128.954 2680.48 248.203 2533.37 248.203C2522.84 248.203 2512.45 247.592 2502.24 246.401V-123H2778.29C2792.09 -90.822 2799.73 -55.377 2799.73 -18.148Z" fill="url(#paint8_radial)"/>
+    <path opacity="0.4" d="M297.487 -18.148C297.487 128.954 178.238 248.203 31.135 248.203C20.601 248.203 10.212 247.592 -0.00195312 246.401V-123H276.053C289.849 -90.822 297.487 -55.377 297.487 -18.148Z" fill="url(#paint9_radial)"/>
+  </g>
+  <defs>
+    <radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3255.35 217.009) scale(336.602)">
+      <stop stop-color="white"/>
+      <stop offset="0.0932" stop-color="#E5FFFF" stop-opacity="0.9068"/>
+      <stop offset="0.3294" stop-color="#AAFFFF" stop-opacity="0.6706"/>
+      <stop offset="0.5466" stop-color="#7BFFFF" stop-opacity="0.4534"/>
+      <stop offset="0.7377" stop-color="#59FFFF" stop-opacity="0.2623"/>
+      <stop offset="0.8954" stop-color="#44FFFF" stop-opacity="0.1046"/>
+      <stop offset="1" stop-color="#3DFFFF" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3166.4 134.019) scale(316.126 316.126)">
+      <stop stop-color="white"/>
+      <stop offset="0.0932" stop-color="#E5FFFF" stop-opacity="0.9068"/>
+      <stop offset="0.3294" stop-color="#AAFFFF" stop-opacity="0.6706"/>
+      <stop offset="0.5466" stop-color="#7BFFFF" stop-opacity="0.4534"/>
+      <stop offset="0.7377" stop-color="#59FFFF" stop-opacity="0.2623"/>
+      <stop offset="0.8954" stop-color="#44FFFF" stop-opacity="0.1046"/>
+      <stop offset="1" stop-color="#3DFFFF" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3217.22 280.475) scale(324.18)">
+      <stop stop-color="white"/>
+      <stop offset="0.0932" stop-color="#E5FFFF" stop-opacity="0.9068"/>
+      <stop offset="0.3294" stop-color="#AAFFFF" stop-opacity="0.6706"/>
+      <stop offset="0.5466" stop-color="#7BFFFF" stop-opacity="0.4534"/>
+      <stop offset="0.7377" stop-color="#59FFFF" stop-opacity="0.2623"/>
+      <stop offset="0.8954" stop-color="#44FFFF" stop-opacity="0.1046"/>
+      <stop offset="1" stop-color="#3DFFFF" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3092.55 128.065) scale(177.13)">
+      <stop stop-color="white"/>
+      <stop offset="0.0932" stop-color="#E5FFFF" stop-opacity="0.9068"/>
+      <stop offset="0.3294" stop-color="#AAFFFF" stop-opacity="0.6706"/>
+      <stop offset="0.5466" stop-color="#7BFFFF" stop-opacity="0.4534"/>
+      <stop offset="0.7377" stop-color="#59FFFF" stop-opacity="0.2623"/>
+      <stop offset="0.8954" stop-color="#44FFFF" stop-opacity="0.1046"/>
+      <stop offset="1" stop-color="#3DFFFF" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3155.24 95.6988) scale(385.786 385.786)">
+      <stop stop-color="white"/>
+      <stop offset="0.0932" stop-color="#E5FFFF" stop-opacity="0.9068"/>
+      <stop offset="0.3294" stop-color="#AAFFFF" stop-opacity="0.6706"/>
+      <stop offset="0.5466" stop-color="#7BFFFF" stop-opacity="0.4534"/>
+      <stop offset="0.7377" stop-color="#59FFFF" stop-opacity="0.2623"/>
+      <stop offset="0.8954" stop-color="#44FFFF" stop-opacity="0.1046"/>
+      <stop offset="1" stop-color="#3DFFFF" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="paint5_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3238 210.242) scale(189.699)">
+      <stop stop-color="white"/>
+      <stop offset="0.0932" stop-color="#E5FFFF" stop-opacity="0.9068"/>
+      <stop offset="0.3294" stop-color="#AAFFFF" stop-opacity="0.6706"/>
+      <stop offset="0.5466" stop-color="#7BFFFF" stop-opacity="0.4534"/>
+      <stop offset="0.7377" stop-color="#59FFFF" stop-opacity="0.2623"/>
+      <stop offset="0.8954" stop-color="#44FFFF" stop-opacity="0.1046"/>
+      <stop offset="1" stop-color="#3DFFFF" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3426.57 342.694) scale(683.391)">
+      <stop stop-color="white"/>
+      <stop offset="0.0932" stop-color="#E5FFFF" stop-opacity="0.9068"/>
+      <stop offset="0.3294" stop-color="#AAFFFF" stop-opacity="0.6706"/>
+      <stop offset="0.5466" stop-color="#7BFFFF" stop-opacity="0.4534"/>
+      <stop offset="0.7377" stop-color="#59FFFF" stop-opacity="0.2623"/>
+      <stop offset="0.8954" stop-color="#44FFFF" stop-opacity="0.1046"/>
+      <stop offset="1" stop-color="#3DFFFF" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3142.04 136.356) scale(248.948 248.948)">
+      <stop stop-color="white"/>
+      <stop offset="0.0932" stop-color="#E5FFFF" stop-opacity="0.9068"/>
+      <stop offset="0.3294" stop-color="#AAFFFF" stop-opacity="0.6706"/>
+      <stop offset="0.5466" stop-color="#7BFFFF" stop-opacity="0.4534"/>
+      <stop offset="0.7377" stop-color="#59FFFF" stop-opacity="0.2623"/>
+      <stop offset="0.8954" stop-color="#44FFFF" stop-opacity="0.1046"/>
+      <stop offset="1" stop-color="#3DFFFF" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3411.9 247.332) scale(897.876)">
+      <stop stop-color="white"/>
+      <stop offset="0.0932" stop-color="#E5FFFF" stop-opacity="0.9068"/>
+      <stop offset="0.3294" stop-color="#AAFFFF" stop-opacity="0.6706"/>
+      <stop offset="0.5466" stop-color="#7BFFFF" stop-opacity="0.4534"/>
+      <stop offset="0.7377" stop-color="#59FFFF" stop-opacity="0.2623"/>
+      <stop offset="0.8954" stop-color="#44FFFF" stop-opacity="0.1046"/>
+      <stop offset="1" stop-color="#3DFFFF" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="paint9_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(825.658 231.332) scale(897.876)">
+      <stop stop-color="white"/>
+      <stop offset="0.0932" stop-color="#E5FFFF" stop-opacity="0.9068"/>
+      <stop offset="0.3294" stop-color="#AAFFFF" stop-opacity="0.6706"/>
+      <stop offset="0.5466" stop-color="#7BFFFF" stop-opacity="0.4534"/>
+      <stop offset="0.7377" stop-color="#59FFFF" stop-opacity="0.2623"/>
+      <stop offset="0.8954" stop-color="#44FFFF" stop-opacity="0.1046"/>
+      <stop offset="1" stop-color="#3DFFFF" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+</svg>
diff --git a/src/public/vuemastery/lock-vuemastery.svg b/src/public/vuemastery/lock-vuemastery.svg
new file mode 100644
index 000000000..cfed57eb0
--- /dev/null
+++ b/src/public/vuemastery/lock-vuemastery.svg
@@ -0,0 +1,232 @@
+<svg width="2593" height="250" viewBox="0 0 2593 250" fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g filter="url(#filter0_d)">
+    <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="3840" height="250">
+      <rect width="3840" height="250" fill="#C4C4C4"/>
+    </mask>
+    <g mask="url(#mask0)">
+      <path d="M2002.33 205.278C2002.33 207.683 2000.38 209.633 1997.98 209.633H1865.24C1862.84 209.633 1860.89 207.683 1860.89 205.278V114.129C1860.89 111.723 1862.84 109.773 1865.24 109.773H1997.98C2000.38 109.773 2002.33 111.723 2002.33 114.129V205.278Z" fill="url(#paint0_radial)"/>
+      <path d="M1978.14 109.773H1963.73V67.0161C1963.73 57.6141 1956.08 49.9641 1946.68 49.9641H1916.53C1907.13 49.9641 1899.48 57.6131 1899.48 67.0161V109.772H1885.08V67.0161C1885.08 58.6141 1888.35 50.7131 1894.29 44.7721C1900.23 38.8301 1908.13 35.5581 1916.53 35.5581H1946.68C1955.08 35.5581 1962.98 38.8301 1968.93 44.7721C1974.87 50.7131 1978.14 58.6141 1978.14 67.0161V109.773Z" fill="url(#paint1_radial)"/>
+      <path d="M1876.6 186.818C1877.92 186.818 1878.99 185.751 1878.99 184.434C1878.99 183.117 1877.92 182.05 1876.6 182.05C1875.29 182.05 1874.22 183.117 1874.22 184.434C1874.22 185.751 1875.29 186.818 1876.6 186.818Z" fill="#00FFAF"/>
+      <path d="M1876.6 195.723C1877.92 195.723 1878.99 194.656 1878.99 193.339C1878.99 192.022 1877.92 190.955 1876.6 190.955C1875.29 190.955 1874.22 192.022 1874.22 193.339C1874.22 194.656 1875.29 195.723 1876.6 195.723Z" fill="#00FFAF"/>
+      <path d="M1871.53 209.635H1865.24C1862.83 209.635 1860.88 207.683 1860.88 205.277V114.13C1860.88 111.723 1862.83 109.773 1865.24 109.773H1871.53C1869.12 109.773 1867.17 111.724 1867.17 114.13V205.277C1867.17 207.684 1869.12 209.635 1871.53 209.635Z" fill="url(#paint2_radial)"/>
+      <path d="M2002.33 114.129V205.276C2002.33 207.683 2000.38 209.634 1997.97 209.634H1991.43C1993.83 209.634 1995.78 207.682 1995.78 205.276V114.129C1995.78 111.722 1993.83 109.772 1991.43 109.772H1997.97C2000.38 109.772 2002.33 111.723 2002.33 114.129Z" fill="url(#paint3_radial)"/>
+      <path d="M2002.33 202.658V205.277C2002.33 207.684 2000.38 209.635 1997.97 209.635H1865.24C1862.83 209.635 1860.88 207.683 1860.88 205.277V202.658C1860.88 205.065 1862.83 207.016 1865.24 207.016H1997.97C2000.38 207.016 2002.33 205.065 2002.33 202.658Z" fill="url(#paint4_radial)"/>
+      <path d="M2002.33 114.129V116.749C2002.33 114.343 2000.38 112.392 1997.97 112.392H1865.24C1862.83 112.392 1860.88 114.344 1860.88 116.749V114.129C1860.88 111.722 1862.83 109.772 1865.24 109.772H1997.97C2000.38 109.772 2002.33 111.723 2002.33 114.129Z" fill="url(#paint5_radial)"/>
+      <path d="M1932.72 109.773H1930.5V207.016H1932.72V109.773Z" fill="url(#paint6_radial)"/>
+      <path d="M1972.15 207.016H1969.92V157.74C1969.92 152.635 1974.07 148.483 1979.18 148.483H2002.33V150.709H1979.18C1975.3 150.709 1972.15 153.863 1972.15 157.74V207.016Z" fill="url(#paint7_radial)"/>
+      <path d="M2002.33 196.98H1990.76C1985.65 196.98 1981.5 192.826 1981.5 187.723V168.624C1981.5 163.52 1985.65 159.367 1990.76 159.367H2002.33V161.594H1990.76C1986.88 161.594 1983.73 164.748 1983.73 168.624V187.723C1983.73 191.599 1986.88 194.752 1990.76 194.752H2002.33V196.98Z" fill="url(#paint8_radial)"/>
+      <path d="M2002.33 135.555H1979.18C1974.07 135.555 1969.92 131.402 1969.92 126.297V109.773H1972.15V126.297C1972.15 130.175 1975.3 133.328 1979.18 133.328H2002.33V135.555Z" fill="url(#paint9_radial)"/>
+      <path d="M1958.79 207.016H1956.56V184.099C1956.56 180.222 1953.41 177.068 1949.53 177.068H1938.01V174.842H1949.53C1954.63 174.842 1958.79 178.995 1958.79 184.099V207.016V207.016Z" fill="url(#paint10_radial)"/>
+      <path d="M1905.99 145.607H1894.46C1889.36 145.607 1885.21 141.453 1885.21 136.35V109.773H1887.43V136.35C1887.43 140.227 1890.59 143.38 1894.46 143.38H1905.99V145.607Z" fill="url(#paint11_radial)"/>
+      <path d="M1890.46 207.016H1888.23V174.931C1888.23 171.056 1885.08 167.901 1881.2 167.901H1860.88V165.675H1881.2C1886.3 165.675 1890.46 169.828 1890.46 174.931V207.016Z" fill="url(#paint12_radial)"/>
+      <path d="M1907.8 207.016H1905.57V170.61C1905.57 165.505 1909.72 161.353 1914.83 161.353H1923.73V163.578H1914.83C1910.95 163.578 1907.8 166.732 1907.8 170.61V207.016Z" fill="url(#paint13_radial)"/>
+      <path d="M1907.8 109.773H1905.57V134.522H1907.8V109.773Z" fill="url(#paint14_radial)"/>
+      <path d="M1886.32 133.328H1860.88V135.555H1886.32V133.328Z" fill="url(#paint15_radial)"/>
+      <path d="M1949.69 134.521L1931.61 166.194L1913.52 134.521H1900.35L1931.61 189.83L1962.86 134.521H1949.69Z" fill="#54FFFF"/>
+      <g opacity="0.6">
+        <rect x="1864" y="98" width="135" height="128" fill="url(#pattern0)"/>
+      </g>
+      <path d="M1978.14 86.5342H1963.73V109.773H1978.14V86.5342Z" fill="url(#paint16_radial)"/>
+      <path d="M1899.48 86.5342H1885.08V109.773H1899.48V86.5342Z" fill="url(#paint17_radial)"/>
+      <rect x="1838" y="146" width="77" height="77" fill="url(#pattern1)"/>
+      <rect x="1838" y="154" width="77" height="78" fill="url(#pattern2)"/>
+    </g>
+  </g>
+  <defs>
+    <filter id="filter0_d" x="1834" y="35.5581" width="172.332" height="204.442" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+    <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+      <use xlink:href="#image0"/>
+    </pattern>
+    <pattern id="pattern1" patternContentUnits="objectBoundingBox" width="1" height="1">
+      <use xlink:href="#image1"/>
+    </pattern>
+    <pattern id="pattern2" patternContentUnits="objectBoundingBox" width="1" height="1">
+      <use xlink:href="#image2"/>
+    </pattern>
+    <radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1936.15 357.624) scale(321.01 321.01)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF3"/>
+      <stop offset="0.2471" stop-color="#00ADC2"/>
+      <stop offset="0.4375" stop-color="#00779A"/>
+      <stop offset="0.6131" stop-color="#004D7A"/>
+      <stop offset="0.7708" stop-color="#002E64"/>
+      <stop offset="0.9051" stop-color="#001C56"/>
+      <stop offset="1" stop-color="#001551"/>
+    </radialGradient>
+    <radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1939.01 300.975) scale(262.157)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF3"/>
+      <stop offset="0.2471" stop-color="#00ADC2"/>
+      <stop offset="0.4375" stop-color="#00779A"/>
+      <stop offset="0.6131" stop-color="#004D7A"/>
+      <stop offset="0.7708" stop-color="#002E64"/>
+      <stop offset="0.9051" stop-color="#001C56"/>
+      <stop offset="1" stop-color="#001551"/>
+    </radialGradient>
+    <radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1952.85 208.23) scale(136.302 136.304)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF3"/>
+      <stop offset="0.2471" stop-color="#00ADC2"/>
+      <stop offset="0.4375" stop-color="#00779A"/>
+      <stop offset="0.6131" stop-color="#004D7A"/>
+      <stop offset="0.7708" stop-color="#002E64"/>
+      <stop offset="0.9051" stop-color="#001C56"/>
+      <stop offset="1" stop-color="#001551"/>
+    </radialGradient>
+    <radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1910.41 208.23) scale(139.661 139.661)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF3"/>
+      <stop offset="0.2471" stop-color="#00ADC2"/>
+      <stop offset="0.4375" stop-color="#00779A"/>
+      <stop offset="0.6131" stop-color="#004D7A"/>
+      <stop offset="0.7708" stop-color="#002E64"/>
+      <stop offset="0.9051" stop-color="#001C56"/>
+      <stop offset="1" stop-color="#001551"/>
+    </radialGradient>
+    <radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1928.99 211.414) scale(361.34 361.339)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF3"/>
+      <stop offset="0.2471" stop-color="#00ADC2"/>
+      <stop offset="0.4375" stop-color="#00779A"/>
+      <stop offset="0.6131" stop-color="#004D7A"/>
+      <stop offset="0.7708" stop-color="#002E64"/>
+      <stop offset="0.9051" stop-color="#001C56"/>
+      <stop offset="1" stop-color="#001551"/>
+    </radialGradient>
+    <radialGradient id="paint5_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1931.96 236.061) scale(132.647)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF3"/>
+      <stop offset="0.2471" stop-color="#00ADC2"/>
+      <stop offset="0.4375" stop-color="#00779A"/>
+      <stop offset="0.6131" stop-color="#004D7A"/>
+      <stop offset="0.7708" stop-color="#002E64"/>
+      <stop offset="0.9051" stop-color="#001C56"/>
+      <stop offset="1" stop-color="#001551"/>
+    </radialGradient>
+    <radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1930.23 208.692) scale(142.263 142.272)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF5"/>
+      <stop offset="0.2471" stop-color="#00ADCF"/>
+      <stop offset="0.4375" stop-color="#0077B0"/>
+      <stop offset="0.6131" stop-color="#004D97"/>
+      <stop offset="0.7708" stop-color="#002E86"/>
+      <stop offset="0.9051" stop-color="#001C7B"/>
+      <stop offset="1" stop-color="#001577"/>
+    </radialGradient>
+    <radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1930.23 208.692) scale(142.32 142.32)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF5"/>
+      <stop offset="0.2471" stop-color="#00ADCF"/>
+      <stop offset="0.4375" stop-color="#0077B0"/>
+      <stop offset="0.6131" stop-color="#004D97"/>
+      <stop offset="0.7708" stop-color="#002E86"/>
+      <stop offset="0.9051" stop-color="#001C7B"/>
+      <stop offset="1" stop-color="#001577"/>
+    </radialGradient>
+    <radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1930.22 208.692) scale(142.328 142.328)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF5"/>
+      <stop offset="0.2471" stop-color="#00ADCF"/>
+      <stop offset="0.4375" stop-color="#0077B0"/>
+      <stop offset="0.6131" stop-color="#004D97"/>
+      <stop offset="0.7708" stop-color="#002E86"/>
+      <stop offset="0.9051" stop-color="#001C7B"/>
+      <stop offset="1" stop-color="#001577"/>
+    </radialGradient>
+    <radialGradient id="paint9_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1930.22 208.69) scale(142.322 142.321)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF5"/>
+      <stop offset="0.2471" stop-color="#00ADCF"/>
+      <stop offset="0.4375" stop-color="#0077B0"/>
+      <stop offset="0.6131" stop-color="#004D97"/>
+      <stop offset="0.7708" stop-color="#002E86"/>
+      <stop offset="0.9051" stop-color="#001C7B"/>
+      <stop offset="1" stop-color="#001577"/>
+    </radialGradient>
+    <radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1930.23 208.691) scale(142.313 142.313)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF5"/>
+      <stop offset="0.2471" stop-color="#00ADCF"/>
+      <stop offset="0.4375" stop-color="#0077B0"/>
+      <stop offset="0.6131" stop-color="#004D97"/>
+      <stop offset="0.7708" stop-color="#002E86"/>
+      <stop offset="0.9051" stop-color="#001C7B"/>
+      <stop offset="1" stop-color="#001577"/>
+    </radialGradient>
+    <radialGradient id="paint11_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1930.22 208.691) scale(142.317 142.317)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF5"/>
+      <stop offset="0.2471" stop-color="#00ADCF"/>
+      <stop offset="0.4375" stop-color="#0077B0"/>
+      <stop offset="0.6131" stop-color="#004D97"/>
+      <stop offset="0.7708" stop-color="#002E86"/>
+      <stop offset="0.9051" stop-color="#001C7B"/>
+      <stop offset="1" stop-color="#001577"/>
+    </radialGradient>
+    <radialGradient id="paint12_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1930.22 208.691) scale(142.313)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF5"/>
+      <stop offset="0.2471" stop-color="#00ADCF"/>
+      <stop offset="0.4375" stop-color="#0077B0"/>
+      <stop offset="0.6131" stop-color="#004D97"/>
+      <stop offset="0.7708" stop-color="#002E86"/>
+      <stop offset="0.9051" stop-color="#001C7B"/>
+      <stop offset="1" stop-color="#001577"/>
+    </radialGradient>
+    <radialGradient id="paint13_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1930.23 208.691) scale(142.326 142.327)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF5"/>
+      <stop offset="0.2471" stop-color="#00ADCF"/>
+      <stop offset="0.4375" stop-color="#0077B0"/>
+      <stop offset="0.6131" stop-color="#004D97"/>
+      <stop offset="0.7708" stop-color="#002E86"/>
+      <stop offset="0.9051" stop-color="#001C7B"/>
+      <stop offset="1" stop-color="#001577"/>
+    </radialGradient>
+    <radialGradient id="paint14_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1930.23 208.689) scale(142.319 142.316)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF5"/>
+      <stop offset="0.2471" stop-color="#00ADCF"/>
+      <stop offset="0.4375" stop-color="#0077B0"/>
+      <stop offset="0.6131" stop-color="#004D97"/>
+      <stop offset="0.7708" stop-color="#002E86"/>
+      <stop offset="0.9051" stop-color="#001C7B"/>
+      <stop offset="1" stop-color="#001577"/>
+    </radialGradient>
+    <radialGradient id="paint15_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1930.22 208.684) scale(142.308 142.307)">
+      <stop stop-color="#00FFFF"/>
+      <stop offset="0.0472" stop-color="#00EEF5"/>
+      <stop offset="0.2471" stop-color="#00ADCF"/>
+      <stop offset="0.4375" stop-color="#0077B0"/>
+      <stop offset="0.6131" stop-color="#004D97"/>
+      <stop offset="0.7708" stop-color="#002E86"/>
+      <stop offset="0.9051" stop-color="#001C7B"/>
+      <stop offset="1" stop-color="#001577"/>
+    </radialGradient>
+    <radialGradient id="paint16_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1980.16 155.992) scale(25.7584 18.6826)">
+      <stop stop-color="#002551"/>
+      <stop offset="0.2276" stop-color="#00194B"/>
+      <stop offset="0.6795" stop-color="#000743"/>
+      <stop offset="1" stop-color="#000040"/>
+    </radialGradient>
+    <radialGradient id="paint17_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1980.16 155.992) scale(25.7579 18.6822)">
+      <stop stop-color="#002551"/>
+      <stop offset="0.2276" stop-color="#00194B"/>
+      <stop offset="0.6795" stop-color="#000743"/>
+      <stop offset="1" stop-color="#000040"/>
+    </radialGradient>
+    <image id="image0" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAACACAYAAAAh4nqyAAAACXBIWXMAAAsSAAALEgHS3X78AAAA"/>
+    <image id="image1" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABNCAYAAADjCemwAAAACXBIWXMAAAsSAAALEgHS3X78AAAA"/>
+    <image id="image2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABOCAYAAABlnZseAAAACXBIWXMAAAsSAAALEgHS3X78AAAA"/>
+  </defs>
+</svg>
diff --git a/src/public/vuemastery/unlock-vuemastery.svg b/src/public/vuemastery/unlock-vuemastery.svg
new file mode 100644
index 000000000..a709ebc01
--- /dev/null
+++ b/src/public/vuemastery/unlock-vuemastery.svg
@@ -0,0 +1,285 @@
+<svg width="2571" height="249" viewBox="0 0 2571 249" fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink">
+	<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="-1" width="3840" height="250">
+		<rect y="-1" width="3840" height="250" fill="#C4C4C4"/>
+	</mask>
+	<g mask="url(#mask0)">
+		<path d="M1980.33 213.994C1980.33 216.402 1978.38 218.354 1975.97 218.354H1843.1C1840.69 218.354 1838.74 216.401 1838.74 213.994V122.748C1838.74 120.34 1840.69 118.387 1843.1 118.387H1975.97C1978.38 118.387 1980.33 120.34 1980.33 122.748V213.994Z" fill="url(#paint0_radial)"/>
+		<path d="M1956.12 53.1011V118.387H1941.7V53.1011C1941.7 43.6881 1934.04 36.0311 1924.63 36.0311H1894.45C1885.04 36.0311 1877.38 43.6891 1877.38 53.1011V80.6801L1873.59 84.4651L1877.38 88.2491V95.9041H1862.96V53.1011C1862.96 44.6901 1866.23 36.7811 1872.18 30.8331C1878.13 24.8851 1886.04 21.6091 1894.45 21.6091H1924.63C1933.04 21.6091 1940.95 24.8851 1946.9 30.8331C1952.84 36.7811 1956.12 44.6901 1956.12 53.1011Z" fill="url(#paint1_radial)"/>
+		<path d="M1854.47 195.514C1855.79 195.514 1856.86 194.445 1856.86 193.127C1856.86 191.809 1855.79 190.74 1854.47 190.74C1853.15 190.74 1852.09 191.809 1852.09 193.127C1852.09 194.445 1853.15 195.514 1854.47 195.514Z" fill="#00FFAF"/>
+		<path d="M1854.47 204.429C1855.79 204.429 1856.86 203.36 1856.86 202.042C1856.86 200.724 1855.79 199.655 1854.47 199.655C1853.15 199.655 1852.09 200.724 1852.09 202.042C1852.09 203.36 1853.15 204.429 1854.47 204.429Z" fill="#00FFAF"/>
+		<path d="M1980.33 122.749V125.371C1980.33 122.963 1978.38 121.009 1975.97 121.009H1843.1C1840.69 121.009 1838.74 122.963 1838.74 125.371V122.749C1838.74 120.34 1840.69 118.387 1843.1 118.387H1975.97C1978.38 118.387 1980.33 120.34 1980.33 122.749Z" fill="url(#paint2_radial)"/>
+		<path d="M1956.12 86.312H1941.7V118.387H1956.12V86.312Z" fill="url(#paint3_radial)"/>
+		<rect x="1816" y="154" width="77" height="78" fill="url(#pattern0)"/>
+		<rect x="1816" y="163" width="77" height="78" fill="url(#pattern1)"/>
+		<path d="M1910.65 118.387H1908.42V215.733H1910.65V118.387Z" fill="url(#paint4_radial)"/>
+		<path d="M1950.12 215.733H1947.89V166.405C1947.89 161.295 1952.04 157.137 1957.15 157.137H1980.33V159.366H1957.15C1953.27 159.366 1950.12 162.524 1950.12 166.405V215.733Z" fill="url(#paint5_radial)"/>
+		<path d="M1980.33 205.687H1968.75C1963.64 205.687 1959.48 201.529 1959.48 196.42V177.301C1959.48 172.192 1963.64 168.034 1968.75 168.034H1980.33V170.264H1968.75C1964.86 170.264 1961.71 173.421 1961.71 177.301V196.42C1961.71 200.301 1964.86 203.457 1968.75 203.457H1980.33V205.687Z" fill="url(#paint6_radial)"/>
+		<path d="M1980.33 144.197H1957.15C1952.04 144.197 1947.89 140.04 1947.89 134.929V118.387H1950.12V134.929C1950.12 138.811 1953.27 141.967 1957.15 141.967H1980.33V144.197Z" fill="url(#paint7_radial)"/>
+		<path d="M1936.74 215.733H1934.51V192.793C1934.51 188.912 1931.36 185.754 1927.48 185.754H1915.94V183.526H1927.48C1932.59 183.526 1936.75 187.683 1936.75 192.793V215.733H1936.74Z" fill="url(#paint8_radial)"/>
+		<path d="M1883.89 154.26H1872.35C1867.25 154.26 1863.09 150.102 1863.09 144.993V118.388H1865.31V144.993C1865.31 148.875 1868.47 152.031 1872.35 152.031H1883.89V154.26H1883.89Z" fill="url(#paint9_radial)"/>
+		<path d="M1868.34 215.733H1866.11V183.614C1866.11 179.734 1862.96 176.576 1859.07 176.576H1838.74V174.347H1859.07C1864.18 174.347 1868.34 178.504 1868.34 183.614V215.733V215.733Z" fill="url(#paint10_radial)"/>
+		<path d="M1885.7 215.733H1883.47V179.288C1883.47 174.178 1887.63 170.022 1892.74 170.022H1901.65V172.25H1892.74C1888.86 172.25 1885.7 175.408 1885.7 179.289V215.733H1885.7Z" fill="url(#paint11_radial)"/>
+		<path d="M1885.7 118.387H1883.47V143.162H1885.7V118.387Z" fill="url(#paint12_radial)"/>
+		<path d="M1864.2 141.967H1838.74V144.196H1864.2V141.967Z" fill="url(#paint13_radial)"/>
+		<path opacity="0.5" d="M1909.67 328.667C1994.02 328.667 2062.4 260.288 2062.4 175.938C2062.4 91.5881 1994.02 23.209 1909.67 23.209C1825.32 23.209 1756.94 91.5881 1756.94 175.938C1756.94 260.288 1825.32 328.667 1909.67 328.667Z" fill="url(#paint14_radial)"/>
+		<path opacity="0.4" d="M1849.39 218.355H1843.1C1840.69 218.355 1838.74 216.401 1838.74 213.992V122.749C1838.74 120.34 1840.69 118.387 1843.1 118.387H1849.39C1846.99 118.387 1845.03 120.34 1845.03 122.749V213.992C1845.03 216.401 1846.98 218.355 1849.39 218.355Z" fill="url(#paint15_linear)"/>
+		<path opacity="0.4" d="M1980.33 122.749V213.992C1980.33 216.401 1978.38 218.355 1975.97 218.355H1969.42C1971.83 218.355 1973.78 216.401 1973.78 213.992V122.749C1973.78 120.34 1971.83 118.387 1969.42 118.387H1975.97C1978.38 118.387 1980.33 120.34 1980.33 122.749Z" fill="url(#paint16_linear)"/>
+		<path d="M1980.33 211.37V213.992C1980.33 216.401 1978.38 218.355 1975.97 218.355H1843.1C1840.69 218.355 1838.74 216.401 1838.74 213.992V211.37C1838.74 213.78 1840.69 215.733 1843.1 215.733H1975.97C1978.38 215.733 1980.33 213.78 1980.33 211.37Z" fill="url(#paint17_radial)"/>
+		<path d="M1941.7 53.101C1941.7 43.688 1934.04 36.031 1924.62 36.031H1894.45C1885.03 36.031 1877.38 43.689 1877.38 53.101V49.642C1877.38 40.23 1885.03 32.572 1894.45 32.572H1924.62C1934.04 32.572 1941.7 40.23 1941.7 49.642V53.101Z" fill="url(#paint18_radial)"/>
+		<path d="M1956.11 53.1011V56.5591C1956.11 48.1491 1952.84 40.2401 1946.89 34.2911C1940.94 28.3441 1933.03 25.0671 1924.62 25.0671H1894.44C1886.03 25.0671 1878.12 28.3431 1872.18 34.2911C1866.23 40.2391 1862.95 48.1481 1862.95 56.5591V53.1011C1862.95 44.6901 1866.23 36.7811 1872.18 30.8331C1878.12 24.8851 1886.03 21.6091 1894.44 21.6091H1924.62C1933.03 21.6091 1940.94 24.8851 1946.89 30.8331C1952.84 36.7811 1956.11 44.6901 1956.11 53.1011Z" fill="url(#paint19_radial)"/>
+		<path opacity="0.4" d="M1982.98 378.306L1981.68 378.766L1836.66 -29.696L1837.96 -30.157L1982.98 378.306Z" fill="url(#paint20_radial)"/>
+		<path opacity="0.4" d="M1707.56 252.155L1706.54 249.463L2112.08 96.4551L2113.1 99.1461L1707.56 252.155Z" fill="url(#paint21_radial)"/>
+		<path d="M1909.82 112.621C1876.43 112.621 1849.36 139.689 1849.36 173.079C1849.36 206.471 1876.43 233.54 1909.82 233.54C1943.21 233.54 1970.28 206.471 1970.28 173.079C1970.28 139.689 1943.21 112.621 1909.82 112.621ZM1909.82 232.688C1876.9 232.688 1850.21 206 1850.21 173.079C1850.21 140.16 1876.9 113.471 1909.82 113.471C1942.74 113.471 1969.43 140.159 1969.43 173.079C1969.43 206 1942.74 232.688 1909.82 232.688Z" fill="url(#paint22_radial)"/>
+		<path opacity="0.1" d="M1996.74 263.364C2004.14 263.364 2010.15 257.36 2010.15 249.953C2010.15 242.546 2004.14 236.542 1996.74 236.542C1989.33 236.542 1983.32 242.546 1983.32 249.953C1983.32 257.36 1989.33 263.364 1996.74 263.364Z" fill="#5BFFFF"/>
+		<g opacity="0.1">
+			<rect x="1718" width="177" height="178" fill="url(#pattern2)"/>
+		</g>
+		<g opacity="0.1">
+			<rect x="1915" y="158" width="218" height="218" fill="url(#pattern3)"/>
+		</g>
+		<path opacity="0.2" d="M1818.81 148.837L1829.53 108.855L1869.51 98.1431L1898.78 127.411L1888.06 167.393L1848.08 178.105L1818.81 148.837Z" fill="#5BFFFF"/>
+		<path opacity="0.2" d="M1890.91 199.089L1901.62 159.108L1941.61 148.395L1970.87 177.664L1960.16 217.646L1920.18 228.358L1890.91 199.089Z" fill="#5BFFFF"/>
+		<path opacity="0.2" d="M1934.36 225.131L1942.33 195.379L1972.08 187.408L1993.86 209.188L1985.89 238.939L1956.14 246.911L1934.36 225.131Z" fill="#5BFFFF"/>
+		<path opacity="0.2" d="M1828.32 131.704C1838.86 131.704 1847.41 123.16 1847.41 112.621C1847.41 102.082 1838.86 93.5381 1828.32 93.5381C1817.78 93.5381 1809.24 102.082 1809.24 112.621C1809.24 123.16 1817.78 131.704 1828.32 131.704Z" fill="#5BFFFF"/>
+		<path opacity="0.2" d="M1802.2 98.6581C1807.4 98.6581 1811.6 94.4504 1811.6 89.2601C1811.6 84.0697 1807.4 79.8621 1802.2 79.8621C1797.01 79.8621 1792.81 84.0697 1792.81 89.2601C1792.81 94.4504 1797.01 98.6581 1802.2 98.6581Z" fill="#5BFFFF"/>
+		<path opacity="0.2" d="M1726.2 35.1551C1731.39 35.1551 1735.59 30.9479 1735.59 25.7581C1735.59 20.5683 1731.39 16.3611 1726.2 16.3611C1721.01 16.3611 1716.8 20.5683 1716.8 25.7581C1716.8 30.9479 1721.01 35.1551 1726.2 35.1551Z" fill="#5BFFFF"/>
+		<path opacity="0.3" d="M1909.82 39.2891C1835.93 39.2891 1776.03 99.1881 1776.03 173.079C1776.03 246.973 1835.93 306.872 1909.82 306.872C1983.71 306.872 2043.61 246.973 2043.61 173.079C2043.61 99.1881 1983.71 39.2891 1909.82 39.2891ZM1909.82 306.053C1836.38 306.053 1776.84 246.518 1776.84 173.078C1776.84 99.6411 1836.38 40.1061 1909.82 40.1061C1983.26 40.1061 2042.79 99.6411 2042.79 173.078C2042.79 246.519 1983.26 306.053 1909.82 306.053Z" fill="url(#paint23_radial)"/>
+		<rect x="1842" y="107" width="135" height="128" fill="url(#pattern4)"/>
+		<path d="M1927.64 143.163L1909.53 174.868L1891.43 143.163H1878.25L1909.53 198.528L1940.82 143.163H1927.64Z" fill="white"/>
+	</g>
+	<defs>
+		<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+			<use xlink:href="#image0"/>
+		</pattern>
+		<pattern id="pattern1" patternContentUnits="objectBoundingBox" width="1" height="1">
+			<use xlink:href="#image0"/>
+		</pattern>
+		<pattern id="pattern2" patternContentUnits="objectBoundingBox" width="1" height="1">
+			<use xlink:href="#image1"/>
+		</pattern>
+		<pattern id="pattern3" patternContentUnits="objectBoundingBox" width="1" height="1">
+			<use xlink:href="#image2"/>
+		</pattern>
+		<pattern id="pattern4" patternContentUnits="objectBoundingBox" width="1" height="1">
+			<use xlink:href="#image3"/>
+		</pattern>
+		<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1910.08 171.254) scale(98.5972)">
+			<stop stop-color="#00B6FF"/>
+			<stop offset="0.0695" stop-color="#00A6EF"/>
+			<stop offset="0.283" stop-color="#0079C2"/>
+			<stop offset="0.4888" stop-color="#00569F"/>
+			<stop offset="0.6819" stop-color="#003D86"/>
+			<stop offset="0.8576" stop-color="#002E77"/>
+			<stop offset="1" stop-color="#002972"/>
+		</radialGradient>
+		<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1913.3 290.081) scale(303.059 303.059)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.0472" stop-color="#00EEF3"/>
+			<stop offset="0.2471" stop-color="#00ADC2"/>
+			<stop offset="0.4375" stop-color="#00779A"/>
+			<stop offset="0.6131" stop-color="#004D7A"/>
+			<stop offset="0.7708" stop-color="#002E64"/>
+			<stop offset="0.9051" stop-color="#001C56"/>
+			<stop offset="1" stop-color="#001551"/>
+		</radialGradient>
+		<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1909.89 244.799) scale(132.779)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.0472" stop-color="#00EEF3"/>
+			<stop offset="0.2471" stop-color="#00ADC2"/>
+			<stop offset="0.4375" stop-color="#00779A"/>
+			<stop offset="0.6131" stop-color="#004D7A"/>
+			<stop offset="0.7708" stop-color="#002E64"/>
+			<stop offset="0.9051" stop-color="#001C56"/>
+			<stop offset="1" stop-color="#001551"/>
+		</radialGradient>
+		<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1951.59 51.4336) scale(160.486 160.486)">
+			<stop stop-color="#002551"/>
+			<stop offset="0.2276" stop-color="#00194B"/>
+			<stop offset="0.6795" stop-color="#000743"/>
+			<stop offset="1" stop-color="#000040"/>
+		</radialGradient>
+		<radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1911.13 169.034) scale(117.185 117.196)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.1647" stop-color="#00CEE9"/>
+			<stop offset="0.4721" stop-color="#0077C3"/>
+			<stop offset="0.7234" stop-color="#0037A6"/>
+			<stop offset="0.9055" stop-color="#000F95"/>
+			<stop offset="1" stop-color="#00008E"/>
+		</radialGradient>
+		<radialGradient id="paint5_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1911.13 169.033) scale(117.193 117.193)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.1647" stop-color="#00CEE9"/>
+			<stop offset="0.4721" stop-color="#0077C3"/>
+			<stop offset="0.7234" stop-color="#0037A6"/>
+			<stop offset="0.9055" stop-color="#000F95"/>
+			<stop offset="1" stop-color="#00008E"/>
+		</radialGradient>
+		<radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1911.13 169.034) scale(117.195 117.195)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.1647" stop-color="#00CEE9"/>
+			<stop offset="0.4721" stop-color="#0077C3"/>
+			<stop offset="0.7234" stop-color="#0037A6"/>
+			<stop offset="0.9055" stop-color="#000F95"/>
+			<stop offset="1" stop-color="#00008E"/>
+		</radialGradient>
+		<radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1911.13 169.034) scale(117.19 117.19)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.1647" stop-color="#00CEE9"/>
+			<stop offset="0.4721" stop-color="#0077C3"/>
+			<stop offset="0.7234" stop-color="#0037A6"/>
+			<stop offset="0.9055" stop-color="#000F95"/>
+			<stop offset="1" stop-color="#00008E"/>
+		</radialGradient>
+		<radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1911.13 169.034) scale(117.197 117.197)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.1647" stop-color="#00CEE9"/>
+			<stop offset="0.4721" stop-color="#0077C3"/>
+			<stop offset="0.7234" stop-color="#0037A6"/>
+			<stop offset="0.9055" stop-color="#000F95"/>
+			<stop offset="1" stop-color="#00008E"/>
+		</radialGradient>
+		<radialGradient id="paint9_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1911.13 169.033) scale(117.191)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.1647" stop-color="#00CEE9"/>
+			<stop offset="0.4721" stop-color="#0077C3"/>
+			<stop offset="0.7234" stop-color="#0037A6"/>
+			<stop offset="0.9055" stop-color="#000F95"/>
+			<stop offset="1" stop-color="#00008E"/>
+		</radialGradient>
+		<radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1911.13 169.033) scale(117.195)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.1647" stop-color="#00CEE9"/>
+			<stop offset="0.4721" stop-color="#0077C3"/>
+			<stop offset="0.7234" stop-color="#0037A6"/>
+			<stop offset="0.9055" stop-color="#000F95"/>
+			<stop offset="1" stop-color="#00008E"/>
+		</radialGradient>
+		<radialGradient id="paint11_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1911.13 169.034) scale(117.197 117.196)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.1647" stop-color="#00CEE9"/>
+			<stop offset="0.4721" stop-color="#0077C3"/>
+			<stop offset="0.7234" stop-color="#0037A6"/>
+			<stop offset="0.9055" stop-color="#000F95"/>
+			<stop offset="1" stop-color="#00008E"/>
+		</radialGradient>
+		<radialGradient id="paint12_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1911.14 169.034) scale(117.215 117.215)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.1647" stop-color="#00CEE9"/>
+			<stop offset="0.4721" stop-color="#0077C3"/>
+			<stop offset="0.7234" stop-color="#0037A6"/>
+			<stop offset="0.9055" stop-color="#000F95"/>
+			<stop offset="1" stop-color="#00008E"/>
+		</radialGradient>
+		<radialGradient id="paint13_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1911.13 169.038) scale(117.2 117.201)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.1647" stop-color="#00CEE9"/>
+			<stop offset="0.4721" stop-color="#0077C3"/>
+			<stop offset="0.7234" stop-color="#0037A6"/>
+			<stop offset="0.9055" stop-color="#000F95"/>
+			<stop offset="1" stop-color="#00008E"/>
+		</radialGradient>
+		<radialGradient id="paint14_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1909.67 175.938) scale(152.729)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.0258" stop-color="#00F9FF" stop-opacity="0.9742"/>
+			<stop offset="0.1593" stop-color="#00DFFF" stop-opacity="0.8407"/>
+			<stop offset="0.3065" stop-color="#00CAFF" stop-opacity="0.6935"/>
+			<stop offset="0.4724" stop-color="#00BCFF" stop-opacity="0.5276"/>
+			<stop offset="0.6724" stop-color="#00B4FF" stop-opacity="0.3276"/>
+			<stop offset="1" stop-color="#00B1FF" stop-opacity="0"/>
+		</radialGradient>
+		<linearGradient id="paint15_linear" x1="1844.06" y1="288.025" x2="1844.06" y2="115.88" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#00ACFF"/>
+			<stop offset="0.1331" stop-color="#008BDA"/>
+			<stop offset="0.3503" stop-color="#005AA5"/>
+			<stop offset="0.5531" stop-color="#00337B"/>
+			<stop offset="0.7353" stop-color="#00175C"/>
+			<stop offset="0.8904" stop-color="#00064A"/>
+			<stop offset="1" stop-color="#000043"/>
+		</linearGradient>
+		<linearGradient id="paint16_linear" x1="1974.87" y1="288.025" x2="1974.87" y2="115.88" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#00ACFF"/>
+			<stop offset="0.1331" stop-color="#008BDA"/>
+			<stop offset="0.3503" stop-color="#005AA5"/>
+			<stop offset="0.5531" stop-color="#00337B"/>
+			<stop offset="0.7353" stop-color="#00175C"/>
+			<stop offset="0.8904" stop-color="#00064A"/>
+			<stop offset="1" stop-color="#000043"/>
+		</linearGradient>
+		<radialGradient id="paint17_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1906.92 220.136) scale(361.715)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.0472" stop-color="#00EEF3"/>
+			<stop offset="0.2471" stop-color="#00ADC2"/>
+			<stop offset="0.4375" stop-color="#00779A"/>
+			<stop offset="0.6131" stop-color="#004D7A"/>
+			<stop offset="0.7708" stop-color="#002E64"/>
+			<stop offset="0.9051" stop-color="#001C56"/>
+			<stop offset="1" stop-color="#001551"/>
+		</radialGradient>
+		<radialGradient id="paint18_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1910.64 102.811) scale(113.891 113.891)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.0472" stop-color="#00EEF3"/>
+			<stop offset="0.2471" stop-color="#00ADC2"/>
+			<stop offset="0.4375" stop-color="#00779A"/>
+			<stop offset="0.6131" stop-color="#004D7A"/>
+			<stop offset="0.7708" stop-color="#002E64"/>
+			<stop offset="0.9051" stop-color="#001C56"/>
+			<stop offset="1" stop-color="#001551"/>
+		</radialGradient>
+		<radialGradient id="paint19_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1912 163.444) scale(129.055 129.055)">
+			<stop stop-color="#00FFFF"/>
+			<stop offset="0.0472" stop-color="#00EEF3"/>
+			<stop offset="0.2471" stop-color="#00ADC2"/>
+			<stop offset="0.4375" stop-color="#00779A"/>
+			<stop offset="0.6131" stop-color="#004D7A"/>
+			<stop offset="0.7708" stop-color="#002E64"/>
+			<stop offset="0.9051" stop-color="#001C56"/>
+			<stop offset="1" stop-color="#001551"/>
+		</radialGradient>
+		<radialGradient id="paint20_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1903.85 158.281) scale(204.297)">
+			<stop stop-color="white"/>
+			<stop offset="0.036" stop-color="#F2FFFF" stop-opacity="0.964"/>
+			<stop offset="0.2466" stop-color="#A9FFFF" stop-opacity="0.7534"/>
+			<stop offset="0.4447" stop-color="#6DFFFF" stop-opacity="0.5553"/>
+			<stop offset="0.6247" stop-color="#3EFFFF" stop-opacity="0.3753"/>
+			<stop offset="0.7829" stop-color="#1CFFFF" stop-opacity="0.2171"/>
+			<stop offset="0.9134" stop-color="#07FFFF" stop-opacity="0.0866"/>
+			<stop offset="1" stop-color="#00FFFF" stop-opacity="0"/>
+		</radialGradient>
+		<radialGradient id="paint21_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1911.12 170.215) scale(213.176)">
+			<stop stop-color="white"/>
+			<stop offset="0.036" stop-color="#F2FFFF" stop-opacity="0.964"/>
+			<stop offset="0.2466" stop-color="#A9FFFF" stop-opacity="0.7534"/>
+			<stop offset="0.4447" stop-color="#6DFFFF" stop-opacity="0.5553"/>
+			<stop offset="0.6247" stop-color="#3EFFFF" stop-opacity="0.3753"/>
+			<stop offset="0.7829" stop-color="#1CFFFF" stop-opacity="0.2171"/>
+			<stop offset="0.9134" stop-color="#07FFFF" stop-opacity="0.0866"/>
+			<stop offset="1" stop-color="#00FFFF" stop-opacity="0"/>
+		</radialGradient>
+		<radialGradient id="paint22_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2016.99 299.678) scale(350.849)">
+			<stop stop-color="white"/>
+			<stop offset="0.036" stop-color="#F2FFFF" stop-opacity="0.964"/>
+			<stop offset="0.2466" stop-color="#A9FFFF" stop-opacity="0.7534"/>
+			<stop offset="0.4447" stop-color="#6DFFFF" stop-opacity="0.5553"/>
+			<stop offset="0.6247" stop-color="#3EFFFF" stop-opacity="0.3753"/>
+			<stop offset="0.7829" stop-color="#1CFFFF" stop-opacity="0.2171"/>
+			<stop offset="0.9134" stop-color="#07FFFF" stop-opacity="0.0866"/>
+			<stop offset="1" stop-color="#00FFFF" stop-opacity="0"/>
+		</radialGradient>
+		<radialGradient id="paint23_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2146.98 453.229) scale(776.406)">
+			<stop stop-color="white"/>
+			<stop offset="0.036" stop-color="#F2FFFF" stop-opacity="0.964"/>
+			<stop offset="0.2466" stop-color="#A9FFFF" stop-opacity="0.7534"/>
+			<stop offset="0.4447" stop-color="#6DFFFF" stop-opacity="0.5553"/>
+			<stop offset="0.6247" stop-color="#3EFFFF" stop-opacity="0.3753"/>
+			<stop offset="0.7829" stop-color="#1CFFFF" stop-opacity="0.2171"/>
+			<stop offset="0.9134" stop-color="#07FFFF" stop-opacity="0.0866"/>
+			<stop offset="1" stop-color="#00FFFF" stop-opacity="0"/>
+		</radialGradient>
+		<image id="image0" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABOCAYAAABlnZseAAAACXBIWXMAAAsSAAALEgHS3X78AAAA"/>
+		<image id="image1" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALEAAACyCAYAAAANvS5rAAAACXBIWXMAAAsSAAALEgHS3X78AAAA"/>
+		<image id="image2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAADaCAYAAADAHVzbAAAACXBIWXMAAAsSAAALEgHS3X78AAAA"/>
+		<image id="image3" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAACACAYAAAAh4nqyAAAACXBIWXMAAAsSAAALEgHS3X78AAAA"/>
+	</defs>
+</svg>
diff --git a/src/public/vuemastery/vuemastery-white.svg b/src/public/vuemastery/vuemastery-white.svg
new file mode 100644
index 000000000..bf97acdeb
--- /dev/null
+++ b/src/public/vuemastery/vuemastery-white.svg
@@ -0,0 +1,32 @@
+<svg width="481" height="83" viewBox="0 0 481 83" fill="none"
+	xmlns="http://www.w3.org/2000/svg">
+	<path d="M36.5 82.2L47.5 63.2L58.5 82.2H76L47.5 32.9L19 82.2H36.5Z" fill="#36495E"/>
+	<path d="M47.5 32.9V63.2L58.5 82.2H76L47.5 32.9Z" fill="url(#paint0_linear)"/>
+	<path d="M115.5 82.2L104.5 63.2L93.5 82.2H76L104.5 32.9L133 82.2H115.5Z" fill="#36495E"/>
+	<path d="M104.5 32.9V63.2L93.5 82.2H76L104.5 32.9Z" fill="url(#paint1_linear)"/>
+	<path d="M104.5 0L76 49.3L47.5 0L0 82.2H19L47.5 32.9L76 82.2L104.5 32.9L133 82.2H152L104.5 0Z" fill="url(#paint2_linear)"/>
+	<path d="M178.9 34.7H189.7L178 70.3H166.7L155.1 34.7H165.9L170.7 52.7C171.7 56.7 172.3 59.5 172.4 61.1C172.5 60 172.7 58.5 173.1 56.8C173.4 55.1 173.7 53.8 174 52.8L178.9 34.7Z" fill="white"/>
+	<path d="M212.6 70.3L211.4 66.9H210.8C210 68.2 208.9 69.1 207.5 69.8C206.1 70.5 204.4 70.8 202.5 70.8C199.5 70.8 197.1 69.9 195.4 68.2C193.7 66.4 192.9 64 192.9 60.7V42.7H202.4V57.8C202.4 59.6 202.7 61 203.2 61.9C203.7 62.8 204.5 63.3 205.7 63.3C207.3 63.3 208.5 62.7 209.2 61.4C209.9 60.1 210.2 57.9 210.2 54.9V42.7H219.7V70.3H212.6Z" fill="white"/>
+	<path d="M239.6 70.8C235 70.8 231.4 69.6 228.9 67.1C226.4 64.7 225.1 61.2 225.1 56.7C225.1 52 226.3 48.5 228.6 46C231 43.5 234.3 42.3 238.7 42.3C242.9 42.3 246.1 43.4 248.3 45.5C250.6 47.7 251.7 50.8 251.7 54.9V59.1H234.7C234.8 60.6 235.3 61.8 236.4 62.7C237.5 63.6 238.9 64 240.7 64C242.4 64 243.9 63.8 245.3 63.5C246.7 63.2 248.2 62.6 249.9 61.9V68.7C248.4 69.5 246.9 70 245.3 70.3C243.7 70.6 241.8 70.8 239.6 70.8ZM239.1 48.7C238 48.7 237 49.1 236.3 49.8C235.5 50.5 235.1 51.6 235 53.1H243.2C243.2 51.8 242.8 50.7 242.1 49.9C241.4 49.1 240.3 48.7 239.1 48.7Z" fill="white"/>
+	<path d="M286.1 70.3L278.8 44.7H278.6C278.9 49.1 279.1 52.5 279.1 54.9V70.3H270.6V34.7H283.4L290.8 59.9H291L298.3 34.7H311.1V70.3H302.3V54.7C302.3 53.9 302.3 53 302.3 52C302.3 51 302.4 48.6 302.6 44.7H302.4L295.2 70.3H286.1Z" fill="white"/>
+	<path d="M336.2 70.3L334.4 66.7H334.2C332.9 68.3 331.6 69.4 330.3 70C329 70.6 327.3 70.9 325.1 70.9C322.5 70.9 320.5 70.1 319 68.6C317.5 67 316.8 64.9 316.8 62C316.8 59.1 317.8 56.9 319.9 55.4C321.9 54 324.9 53.2 328.8 53L333.4 52.9V52.5C333.4 50.2 332.3 49.1 330 49.1C328 49.1 325.4 49.8 322.3 51.1L319.6 44.8C322.8 43.1 326.9 42.3 331.8 42.3C335.3 42.3 338.1 43.2 340 44.9C341.9 46.7 342.9 49.1 342.9 52.2V70.3H336.2V70.3ZM329.1 64C330.3 64 331.2 63.6 332.1 62.9C333 62.2 333.3 61.2 333.3 60.1V58L331.1 58.1C328 58.2 326.4 59.4 326.4 61.6C326.4 63.2 327.3 64 329.1 64Z" fill="white"/>
+	<path d="M370.5 61.8C370.5 64.8 369.5 67 367.5 68.5C365.5 70 362.6 70.8 358.8 70.8C356.8 70.8 355 70.7 353.5 70.5C352 70.3 350.5 69.9 348.9 69.3V61.7C350.4 62.3 352 62.9 353.8 63.3C355.6 63.7 357.1 63.9 358.5 63.9C360.6 63.9 361.6 63.4 361.6 62.5C361.6 62 361.3 61.6 360.7 61.2C360.1 60.8 358.5 60.1 355.7 59C353.2 58 351.4 56.8 350.4 55.5C349.4 54.2 348.9 52.5 348.9 50.5C348.9 47.9 349.9 45.9 351.9 44.5C353.9 43.1 356.7 42.4 360.3 42.4C362.1 42.4 363.8 42.6 365.4 43C367 43.4 368.7 44 370.4 44.7L367.8 50.8C366.5 50.2 365.2 49.8 363.8 49.4C362.4 49 361.2 48.8 360.3 48.8C358.7 48.8 358 49.2 358 49.9C358 50.4 358.3 50.8 358.8 51.1C359.3 51.4 360.9 52.1 363.5 53.1C365.4 53.9 366.9 54.7 367.8 55.4C368.7 56.1 369.4 57.1 369.9 58.1C370.4 59.1 370.5 60.3 370.5 61.8Z" fill="white"/>
+	<path d="M389.3 63.2C390.6 63.2 392.1 62.9 393.9 62.3V69.2C392.6 69.8 391.4 70.1 390.2 70.4C389 70.6 387.7 70.8 386.1 70.8C382.9 70.8 380.6 70 379.2 68.5C377.8 66.9 377.1 64.5 377.1 61.3V49.8H373.8V45.9L378 42.9L380.5 37.1H386.7V42.6H393.5V49.7H386.7V60.4C386.7 62.4 387.6 63.2 389.3 63.2Z" fill="white"/>
+	<path d="M412 70.8C407.4 70.8 403.8 69.6 401.3 67.1C398.8 64.7 397.5 61.2 397.5 56.7C397.5 52 398.7 48.5 401 46C403.4 43.5 406.7 42.3 411.1 42.3C415.3 42.3 418.5 43.4 420.7 45.5C423 47.7 424.1 50.8 424.1 54.9V59.1H407.1C407.2 60.6 407.7 61.8 408.8 62.7C409.9 63.6 411.3 64 413.1 64C414.8 64 416.3 63.8 417.7 63.5C419.1 63.2 420.6 62.6 422.3 61.9V68.7C420.8 69.5 419.3 70 417.7 70.3C416.1 70.6 414.2 70.8 412 70.8ZM411.5 48.7C410.4 48.7 409.4 49.1 408.7 49.8C407.9 50.5 407.5 51.6 407.4 53.1H415.6C415.6 51.8 415.2 50.7 414.5 49.9C413.8 49.1 412.7 48.7 411.5 48.7Z" fill="white"/>
+	<path d="M446.2 42.2C447 42.2 447.8 42.3 448.6 42.4L449.1 42.5L448.2 51.5C447.4 51.3 446.3 51.2 445 51.2C442.9 51.2 441.4 51.7 440.5 52.6C439.6 53.5 439.1 54.9 439.1 56.7V70.2H429.6V42.7H436.7L438.2 47.1H438.7C439.5 45.6 440.6 44.5 442 43.6C443.3 42.7 444.7 42.2 446.2 42.2Z" fill="white"/>
+	<path d="M449.6 42.7H459.6L464.3 58.5C464.5 59.3 464.7 60.3 464.8 61.5H465C465.1 60.4 465.3 59.4 465.6 58.6L470.4 42.7H480.1L469.2 72C467.8 75.7 466.1 78.4 464.1 79.9C462.1 81.4 459.4 82.2 456.1 82.2C454.8 82.2 453.5 82.1 452.2 81.8V74.3C453.1 74.5 454 74.6 455.1 74.6C455.9 74.6 456.7 74.4 457.3 74.1C457.9 73.8 458.5 73.3 459 72.7C459.5 72.1 460 71.1 460.5 69.8L449.6 42.7Z" fill="white"/>
+	<defs>
+		<linearGradient id="paint0_linear" x1="61.7617" y1="82.2439" x2="61.7617" y2="32.8712" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#36495E"/>
+			<stop offset="1" stop-color="#0A1C33"/>
+		</linearGradient>
+		<linearGradient id="paint1_linear" x1="90.2671" y1="82.2439" x2="90.2671" y2="32.8712" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#36495E"/>
+			<stop offset="1" stop-color="#0A1C33"/>
+		</linearGradient>
+		<linearGradient id="paint2_linear" x1="76.0144" y1="82.2439" x2="76.0144" y2="-0.0439023" gradientUnits="userSpaceOnUse">
+			<stop offset="0.2" stop-color="#41B782"/>
+			<stop offset="1" stop-color="#86D169"/>
+		</linearGradient>
+	</defs>
+</svg>
diff --git a/src/tutorial/src/step-11/App/composition.js b/src/tutorial/src/step-11/App/composition.js
index 0a15020c9..964bf9297 100644
--- a/src/tutorial/src/step-11/App/composition.js
+++ b/src/tutorial/src/step-11/App/composition.js
@@ -1,3 +1,3 @@
 export default {
-  // 注册组件
+  // 注册子组件
 }
diff --git a/src/tutorial/src/step-2/description.md b/src/tutorial/src/step-2/description.md
index f7564d36b..1f7b4d101 100644
--- a/src/tutorial/src/step-2/description.md
+++ b/src/tutorial/src/step-2/description.md
@@ -63,7 +63,7 @@ setup() {
 
 ```vue-html
 <h1>{{ message }}</h1>
-<p>count is: {{ counter.count }}</p>
+<p>Count is: {{ counter.count }}</p>
 ```
 
 注意我们在模板中访问的 `message` ref 时不需要使用 `.value`：它会被自动解包，让使用更简单。
diff --git a/src/tutorial/src/step-4/App/template.html b/src/tutorial/src/step-4/App/template.html
index 10c8e76ad..835356a42 100644
--- a/src/tutorial/src/step-4/App/template.html
+++ b/src/tutorial/src/step-4/App/template.html
@@ -1,2 +1,2 @@
 <!-- 使此按钮生效 -->
-<button>count is: {{ count }}</button>
+<button>Count is: {{ count }}</button>
diff --git a/src/tutorial/src/step-4/_hint/App/template.html b/src/tutorial/src/step-4/_hint/App/template.html
index c5e27442e..f98cca459 100644
--- a/src/tutorial/src/step-4/_hint/App/template.html
+++ b/src/tutorial/src/step-4/_hint/App/template.html
@@ -1 +1 @@
-<button @click="increment">count is: {{ count }}</button>
+<button @click="increment">Count is: {{ count }}</button>
diff --git a/src/tutorial/src/step-6/App/template.html b/src/tutorial/src/step-6/App/template.html
index fe169f664..e2d8b5b08 100644
--- a/src/tutorial/src/step-6/App/template.html
+++ b/src/tutorial/src/step-6/App/template.html
@@ -1,3 +1,3 @@
-<button @click="toggle">toggle</button>
+<button @click="toggle">Toggle</button>
 <h1>Vue is awesome!</h1>
 <h1>Oh no 😢</h1>
diff --git a/src/tutorial/src/step-6/_hint/App/template.html b/src/tutorial/src/step-6/_hint/App/template.html
index 6a1daffe4..15a031d13 100644
--- a/src/tutorial/src/step-6/_hint/App/template.html
+++ b/src/tutorial/src/step-6/_hint/App/template.html
@@ -1,3 +1,3 @@
-<button @click="toggle">toggle</button>
+<button @click="toggle">Toggle</button>
 <h1 v-if="awesome">Vue is awesome!</h1>
 <h1 v-else>Oh no 😢</h1>
diff --git a/src/tutorial/src/step-9/App/template.html b/src/tutorial/src/step-9/App/template.html
index 7e66d4518..0c876e44a 100644
--- a/src/tutorial/src/step-9/App/template.html
+++ b/src/tutorial/src/step-9/App/template.html
@@ -1 +1 @@
-<p ref="pElementRef">hello</p>
+<p ref="pElementRef">Hello</p>