Merge remote-tracking branch 'origin/upstream'

Author: mostafa-nematpour

.vitepress/config.ts

@@ -1,6 +1,6 @@
 import fs from 'fs'
 import path from 'path'
-import { defineConfigWithTheme } from 'vitepress'
+import { defineConfigWithTheme, type HeadConfig } from 'vitepress'
 import type { Config as ThemeConfig } from '@vue/theme'
 import baseConfig from '@vue/theme/config'
 import { headerPlugin } from './headerMdPlugin'
@@ -594,6 +594,17 @@ const i18n: ThemeConfig['i18n'] = {
   appearance: 'ظاهر'
 }
 
+function inlineScript(file: string): HeadConfig {
+  return [
+    'script',
+    {},
+    fs.readFileSync(
+      path.resolve(__dirname, `./inlined-scripts/${file}`),
+      'utf-8'
+    )
+  ]
+}
+
 export default defineConfigWithTheme<ThemeConfig>({
   extends: baseConfig,
 
@@ -633,25 +644,11 @@ export default defineConfigWithTheme<ThemeConfig>({
       'link',
       {
         rel: 'preconnect',
-        href: 'https://sponsors.vuejs.org'
+        href: 'https://automation.vuejs.org'
       }
     ],
-    [
-      'script',
-      {},
-      fs.readFileSync(
-        path.resolve(__dirname, './inlined-scripts/restorePreference.js'),
-        'utf-8'
-      )
-    ],
-    [
-      'script',
-      {},
-      fs.readFileSync(
-        path.resolve(__dirname, './inlined-scripts/uwu.js'),
-        'utf-8'
-      )
-    ],
+    inlineScript('restorePreference.js'),
+    inlineScript('uwu.js'),
     [
       'script',
       {
@@ -667,7 +664,8 @@ export default defineConfigWithTheme<ThemeConfig>({
         src: 'https://vueschool.io/banner.js?affiliate=vuejs&type=top',
         async: 'true'
       }
-    ]
+    ],
+    inlineScript('perfops.js')
   ],
 
   themeConfig: {

.vitepress/inlined-scripts/perfops.js

@@ -0,0 +1,9 @@
+;((d) => {
+  window.rum = { key: 'a9efvfeu' }
+  var script = d.createElement('script')
+  script.src = '/rom3.min.js'
+  script.type = 'text/javascript'
+  script.defer = true
+  script.async = true
+  d.getElementsByTagName('head')[0].appendChild(script)
+})(document)

.vitepress/inlined-scripts/restorePreference.js

@@ -8,6 +8,6 @@
   restore('vue-docs-prefer-composition', 'prefer-composition', true)
   restore('vue-docs-prefer-sfc', 'prefer-sfc', true)
 
-  window.__VUE_BANNER_ID__ = 'madvue2025_1'
-  restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed')
+  // window.__VUE_BANNER_ID__ = ''
+  // restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed')
 })()

.vitepress/theme/components/Banner.vue

@@ -22,32 +22,16 @@ function dismiss() {
 
 <template>
   <div class="banner" v-if="open">
-    <p class="vt-banner-text">
-      <span class="vt-text-primary">
-        <span style="color:#f97844">Mad</span>
-        <span>Vue</span>
-      </span>
-      <span class="vt-tagline"> · The Vue.js Event in Madrid</span>
-      <span class="vt-place"> · Spain</span>
-      <span class="vt-date"> · 29 May 2025</span>
-      <a target="_blank" class="vt-primary-action"
-        href="https://madvue.es/?utm_source=vuejs&utm_content=top_banner">
-        Register
-      </a>
-    </p>
+    <a target="_blank"></a>
     <button @click="dismiss">
       <VTIconPlus class="close" />
     </button>
-    <p class="vt-banner-text vt-coupon">
-      <span class="vt-text-primary">Early bird</span> tickets available
-      <span class="vt-text-primary">Get 30% off</span>
-    </p>
   </div>
 </template>
 
 <style>
 html:not(.banner-dismissed) {
-  --vt-banner-height: 60px;
+  --vt-banner-height: 30px;
 }
 </style>
 
@@ -66,10 +50,12 @@ html:not(.banner-dismissed) {
   font-weight: 600;
   color: #fff;
   background-color: var(--vt-c-green);
-  background: #0f172a;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  background: linear-gradient(
+    90deg,
+    rgba(66, 184, 131, 1) 0%,
+    rgba(39, 179, 137, 1) 19%,
+    rgba(100, 126, 255, 1) 100%
+  );
 }
 
 .banner-dismissed .banner {
@@ -84,7 +70,7 @@ button {
   position: absolute;
   right: 0;
   top: 0;
-  padding: 20px 10px;
+  padding: 5px;
 }
 
 .close {
@@ -93,64 +79,10 @@ button {
   fill: #fff;
   transform: rotate(45deg);
 }
-
-.vt-banner-text {
-  color: #fff;
-  font-size: 16px;
-}
-
-.vt-text-primary {
-  color: #c4d141;
-}
-
-.vt-primary-action {
-  background: #f97844;
-  color: #fff;
-  padding: 6px 12px;
-  border-radius: 5px;
-  font-size: 14px;
-  text-decoration: none;
-  margin: 0 20px;
-  font-weight: bold;
-}
-
-.vt-primary-action:hover {
-  text-decoration: none;
-  background: #c4d141;
-}
-
-@media (max-width: 1280px) {
-  .banner .vt-banner-text {
-    font-size: 14px;
-  }
-
-  .vt-tagline {
+/*
+@media (max-width: 720px) {
+  a > span {
     display: none;
   }
-}
-
-@media (max-width: 780px) {
-  .vt-tagline {
-    display: none;
-  }
-
-  .vt-coupon {
-    display: none;
-  }
-
-  .vt-primary-action {
-    margin: 0 10px;
-    padding: 5px 8px;
-  }
-
-  .vt-time-now {
-    display: none;
-  }
-}
-
-@media (max-width: 560px) {
-  .vt-place {
-    display: none;
-  }
-}
-</style>
+} */
+</style>

.vitepress/theme/components/Home.vue

@@ -56,7 +56,7 @@ onMounted(load)
     </div>
   </section>
 
-  <section  dir="rtl" v-if="data && data.special" id="special-sponsor">
+  <section  dir="rtl" v-if="data && data.special" id="special-spsr">
     <span class="lead">حامی ویژه</span>
     <template v-for="{ url, img, name, description } of data.special">
       <a :href="url" target="_blank" rel="sponsored noopener">
@@ -78,7 +78,7 @@ onMounted(load)
       <span dir="ltr">{{ description }}</span>
     </template>
   </section>
-  <section v-else id="special-sponsor">
+  <section v-else id="special-spsr">
     <span>
       <a href="/sponsor/#tier-benefits">
         Special Sponsor slot is now vacant - Inquire now
@@ -110,7 +110,7 @@ onMounted(load)
     </div>
   </section>
 
-  <section id="sponsors">
+  <section id="spsrs">
     <h2>حامیان پلاتینیومی</h2>
     <SponsorsGroup tier="platinum" placement="landing" />
     <h2>حامیان طلایی</h2>
@@ -231,15 +231,15 @@ html:not(.dark) .accent,
   background-color: var(--vt-c-gray-dark-3);
 }
 
-#special-sponsor {
+#special-spsr {
   border-top: 1px solid var(--vt-c-divider-light);
   border-bottom: 1px solid var(--vt-c-divider-light);
   padding: 12px 24px;
   display: flex;
   align-items: center;
 }
 
-#special-sponsor span {
+#special-spsr span {
   color: var(--vt-c-text-2);
   font-weight: 500;
   font-size: 13px;
@@ -248,22 +248,22 @@ html:not(.dark) .accent,
   flex: 1;
 }
 
-#special-sponsor span:first-child {
+#special-spsr span:first-child {
   text-align: left;
 }
 
-#special-sponsor a {
+#special-spsr a {
   display: flex;
   justify-content: center;
   padding: 0 24px;
 }
 
-#special-sponsor img {
+#special-spsr img {
   height: 42px;
   margin: -6px 0;
 }
 
-.dark #special-sponsor img {
+.dark #special-spsr img {
   filter: grayscale(1) invert(1);
 }
 
@@ -291,18 +291,18 @@ html:not(.dark) .accent,
   background-color: transparent;
 }
 
-#sponsors {
+#spsrs {
   max-width: 900px;
   margin: 0px auto;
 }
 
-#sponsors h2 {
+#spsrs h2 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 1em;
 }
 
-#sponsors .sponsor-container {
+#spsrs .spsr-container {
   margin-bottom: 3em;
 }
 
@@ -335,14 +335,14 @@ html:not(.dark) .accent,
     font-size: 16px;
     margin: 18px 0 30px;
   }
-  #special-sponsor {
+  #special-spsr {
     flex-direction: column;
   }
-  #special-sponsor img {
+  #special-spsr img {
     height: 36px;
     margin: 8px 0;
   }
-  #special-sponsor span {
+  #special-spsr span {
     text-align: center !important;
   }
   #highlights h3 {