Merge remote-tracking branch 'origin/upstream'

.vitepress/theme/components/Home.vue

@@ -78,6 +78,13 @@ onMounted(load)
       <span dir="ltr">{{ description }}</span>
     </template>
   </section>
+  <section v-else id="special-sponsor">
+    <span>
+      <a href="/sponsor/#tier-benefits">
+        Special Sponsor slot is now vacant - Inquire now
+      </a>
+    </span>
+  </section>
 
   <section id="highlights" class="vt-box-container">
     <div class="vt-box">

.vitepress/theme/components/SponsorsGroup.vue

@@ -96,6 +96,13 @@ function resolveList(data: SponsorData) {
       @click="track(true)"
       >حامی شوید</a
     >
+    <a
+      v-if="tier === 'special' && data && !data[tier]?.length"
+      href="mailto:sponsor@vuejs.org?subject=Vue.js%20special%20sponsor%20inquiry"
+      class="sponsor-item action"
+      @click="track(true)"
+      >Inquire about Special Sponsorship</a
+    >
   </div>
 </template>
 
@@ -131,6 +138,9 @@ function resolveList(data: SponsorData) {
   font-size: 11px;
   color: var(--vt-c-text-3);
 }
+.sponsor-container.page .sponsor-item.action {
+ font-size: 16px;
+}
 .sponsor-item img {
   max-width: calc(var(--max-width) - 30px);
   max-height: calc(var(--max-width) / 2 - 20px);

package.json

@@ -15,7 +15,7 @@
     "@vue/theme": "^2.3.0",
     "dynamics.js": "^1.1.5",
     "gsap": "^3.12.5",
-    "vitepress": "^1.4.0",
+    "vitepress": "^1.4.3",
     "vue": "^3.5.12"
   },
   "devDependencies": {

src/about/team/members-core.json

@@ -330,7 +330,7 @@
   },
   {
     "name": "Natalia Tepluhina",
-    "title": "مهندس سمت کاربر",
+    "title": "Principal Engineer",
     "company": "GitLab",
     "companyLink": "https://gitlab.com/",
     "projects": [

src/api/application.md

@@ -623,7 +623,7 @@ console.log(app.config)
 
 ## app.config.idPrefix <sup class="vt-badge" data-text="3.5+" /> {#app-config-idprefix}
 
-پیکربندی یک پیشوند برای تمام IDهایی که از طریق [useId()‎](/api/general#useid) در این اپلیکیشن تولید می‌شوند.
+پیکربندی یک پیشوند برای تمام IDهایی که از طریق [useId()‎](/api/composition-api-helpers.html#useid) در این اپلیکیشن تولید می‌شوند.
 
 - **تایپ:** `string`
 

src/api/sfc-css-features.md

@@ -153,6 +153,26 @@ useCssModule()
 useCssModule('classes')
 ```
 
+- **مثال**
+
+```vue
+<script setup lang="ts">
+import { useCssModule } from 'vue'
+
+const classes = useCssModule()
+</script>
+
+<template>
+  <p :class="classes.red">red</p>
+</template>
+
+<style module>
+.red {
+  color: red;
+}
+</style>
+```
+
 ## `v-bind()‎` در CSS {#v-bind-in-css}
 
 تگ‌های `<style>` در SFC از لینک کردن مقادیر CSS به state پویای کامپوننت با استفاده از تابع CSS `v-bind` پشتیبانی می‌کنند:

src/guide/built-ins/transition-group.md

@@ -80,6 +80,10 @@ import ListStagger from './transition-demos/ListStagger.vue'
 
 [مثال کامل](/examples/#list-transition)
 
+### کلاس‌های سفارشی TransitionGroup
+
+همچنین می‌توانید کلاس‌های انتقال سفارشی را برای عنصر در حال حرکت با ارسال ویژگی `moveClass` به `<TransitionGroup>` مشخص کنید، درست مانند [کلاس‌های انتقال سفارشی در `<Transition>`](https://vuejs.org/guide/built-ins/transition.html#custom-transition-classes).
+
 ## ترنزیشن‌های متوالی در لیست {#staggering-list-transitions}
 
 از طریق data-attribute ها، می‌توانیم ترنزیشن‌های متوالی در یک لیست به وجود آوریم. ابتدا ما ایندکس را به عنوان یک data-attribute روی المان اعمال می‌کنیم.