merge with latest docs/main(#040888)

src/about/community-guide.md

@@ -27,7 +27,7 @@ Vue-এর সম্প্রদায় অবিশ্বাস্যভা
 - [Forum](https://forum.vuejs.org/): Vue এবং এর ইকোসিস্টেম সম্পর্কে প্রশ্ন জিজ্ঞাসা করার এবং উত্তর পাওয়ার সেরা জায়গা।
 - [DEV Community](https://dev.to/t/vue): Dev.to-এ Vue সম্পর্কিত বিষয় শেয়ার করুন এবং আলোচনা করুন।
 - [Meetups](https://events.vuejs.org/meetups): আপনার মত স্থানীয় Vue উত্সাহীদের খুঁজে পেতে চান? একটি সম্প্রদায়ের নেতা হতে আগ্রহী? আমাদের এখানে আপনার প্রয়োজনীয় সহায়তা এবং সমর্থন রয়েছে!
-- [GitHub](https://github.com/vuejs): যদি আপনার কাছে রিপোর্ট করার জন্য একটি বাগ থাকে বা অনুরোধ করার জন্য বৈশিষ্ট্য থাকে, তাহলে GitHub সমস্যাগুলি এর জন্যই। অনুগ্রহ করে প্রতিটি রিপোজিটরির ইস্যু টেমপ্লেটে উল্লেখিত নিয়মগুলিকে সম্মান করুন।
+- [GitHub](https://github.com/vuejs): যদি আপনার কাছে রিপোর্ট করার জন্য একটি বাগ থাকে বা রিকোয়েস্ট করার জন্য বৈশিষ্ট্য থাকে, তাহলে GitHub সমস্যাগুলি এর জন্যই। অনুগ্রহ করে প্রতিটি রিপোজিটরির ইস্যু টেমপ্লেটে উল্লেখিত নিয়মগুলিকে সম্মান করুন।
 - [Twitter Community (unofficial)](https://twitter.com/i/communities/1516368750634840064): একটি টুইটার সম্প্রদায়, যেখানে আপনি অন্য Vue উত্সাহীদের সাথে দেখা করতে পারেন, সাহায্য পেতে পারেন বা Vue সম্পর্কে চ্যাট করতে পারেন৷
 
 ### ইকোসিস্টেম অন্বেষণ {#explore-the-ecosystem}
@@ -55,7 +55,7 @@ Vue-এর সম্প্রদায় অবিশ্বাস্যভা
 
 বাগ ফিক্স বা নতুন বৈশিষ্ট্যগুলি অবদান রাখা হল সবচেয়ে সরাসরি অবদান যা আপনি করতে পারেন৷
 
-Vue কোর রিপোজিটরি একটি [কন্ট্রিবিউটিং গাইড](https://github.com/vuejs/core/blob/main/.github/contributing.md) প্রদান করে, যাতে পুল অনুরোধের নির্দেশিকা এবং বিল্ড সেটআপ এবং উচ্চ-স্তরের আর্কিটেকচার সম্পর্কিত তথ্য রয়েছে . অন্যান্য সাব-প্রকল্পের সংগ্রহস্থলে এর নিজস্ব অবদানের নির্দেশিকাও থাকতে পারে - পুল অনুরোধ জমা দেওয়ার আগে দয়া করে সেগুলি পড়তে ভুলবেন না।
+Vue কোর রিপোজিটরি একটি [কন্ট্রিবিউটিং গাইড](https://github.com/vuejs/core/blob/main/.github/contributing.md) প্রদান করে, যাতে পুল রিকোয়েস্ট  নির্দেশিকা এবং বিল্ড সেটআপ এবং উচ্চ-স্তরের আর্কিটেকচার সম্পর্কিত তথ্য রয়েছে . অন্যান্য সাব-প্রকল্পের সংগ্রহস্থলে এর নিজস্ব অবদানের নির্দেশিকাও থাকতে পারে - পুল রিকোয়েস্ট জমা দেওয়ার আগে দয়া করে সেগুলি পড়তে ভুলবেন না।
 
 বাগ সংশোধন যে কোনো সময় স্বাগত জানাই. নতুন বৈশিষ্ট্যগুলির জন্য, প্রথমে [RFC repo](https://github.com/vuejs/rfcs/discussions) এ ব্যবহারের ক্ষেত্রে এবং বাস্তবায়নের বিশদ আলোচনা করা ভাল।
 

src/about/team/members-partner.json

@@ -349,9 +349,10 @@
   },
   {
     "name": "Erick Petrucelli",
-    "title": "Software Engineer & Architect, UX Specialist, Consultant, Educator, Writer",
-    "company": "Freelance",
-    "location": "João Pessoa, Brazil",
+    "title": "Lead Software Engineer, UI/UX Specialist, Manager, Teacher, Speaker, Writer",
+    "company": "LawnStarter",
+    "companyLink": "https://www.lawnstarter.com/",
+    "location": "Campinas, Brazil",
     "languages": ["Portuguese", "English"],
     "projects": [
       {

src/api/sfc-script-setup.md

@@ -468,6 +468,25 @@ defineProps<{
 </script>
 ```
 
+একটি `রেফ`-এ জেনেরিক কম্পোনেন্টের রেফারেন্স ব্যবহার করার জন্য আপনাকে [`vue-component-type-helpers`](https://www.npmjs.com/package/vue-component-type-helpers) লাইব্রেরি `InstanceType` হিসাবে কাজ করবে না।
+
+```vue
+<script
+  setup
+  lang="ts"
+>
+import componentWithoutGenerics from '../component-without-generics.vue';
+import genericComponent from '../generic-component.vue';
+
+import type { ComponentExposed } from 'vue-component-type-helpers';
+
+// Works for a component without generics
+ref<InstanceType<typeof componentWithoutGenerics>>();
+
+ref<ComponentExposed<typeof genericComponent>>();
+```
+
+
 ## Restrictions {#restrictions}
 
 - মডিউল এক্সিকিউশন শব্দার্থবিদ্যার পার্থক্যের কারণে, `<script setup>` এর ভিতরের কোড একটি SFC-এর প্রসঙ্গে নির্ভর করে। বাহ্যিক `.js` বা `.ts` ফাইলে সরানো হলে, এটি ডেভেলপার এবং টুল উভয়ের জন্যই বিভ্রান্তির কারণ হতে পারে। অতএব, **`<script setup>`** `src` অ্যাট্রিবিউটের সাথে ব্যবহার করা যাবে না।

src/api/sfc-spec.md

@@ -119,7 +119,7 @@ p {{ msg }}
 <script src="./script.js"></script>
 ```
 
-সতর্ক থাকুন যে `src` ইম্পোর্টগুলি ওয়েবপ্যাক মডিউল অনুরোধের মতো একই পথ রেজোলিউশনের নিয়ম অনুসরণ করে, যার অর্থ:
+সতর্ক থাকুন যে `src` ইম্পোর্টগুলি ওয়েবপ্যাক মডিউল রিকোয়েস্ট  মতো একই পথ রেজোলিউশনের নিয়ম অনুসরণ করে, যার অর্থ:
 
 - রিলিটিভ পাথগুলি `./` দিয়ে শুরু করতে হবে৷
 - আপনি npm নির্ভরতা থেকে রিসোর্স ইম্পোর্ট করতে পারেন:

src/ecosystem/newsletters.md

@@ -8,4 +8,4 @@
 - [Weekly Vue News](https://weekly-vue.news/)
 - [Vue.js Developers Newsletter](https://vuejsdevelopers.com/newsletter/)
 
-আপনি যদি এমন একটি দুর্দান্ত জানেন যা ইতিমধ্যে অন্তর্ভুক্ত করা হয়নি, তাহলে নীচের লিঙ্কটি ব্যবহার করে একটি পুল অনুরোধ জমা দিন!
+আপনি যদি এমন একটি দুর্দান্ত জানেন যা ইতিমধ্যে অন্তর্ভুক্ত করা হয়নি, তাহলে নীচের লিঙ্কটি ব্যবহার করে একটি পুল রিকোয়েস্ট জমা দিন!

src/ecosystem/themes/themes.json

@@ -197,8 +197,8 @@
   },
   {
     "name": "WrapPixel",
-    "description": "Check out developer friendly vue js admin dashboard templates built by our partners from [WrapPixel](https://wrappixel.com). Download them to start building your real time web application quickly to save hundreds of hours in development and design.",
-    "seeMoreUrl": "https://www.wrappixel.com/templates/category/vuejs-templates/",
+    "description": "Check out top [dashboard templates](https://www.wrappixel.com/templates/category/admin-dashboard-templates/?ref=320) built by our partners from [WrapPixel](https://www.wrappixel.com/?ref=320). Download highly customizable [Vue templates](https://www.wrappixel.com/templates/category/vuejs-templates/?ref=320) to start building your real time web application quickly to save hundreds of hours in development and design.",
+    "seeMoreUrl": "https://www.wrappixel.com/templates/category/vuejs-templates/?ref=320",
     "products": [
       {
         "name": "Spike Free VueJs Admin Template",
@@ -341,5 +341,54 @@
         "image": "https://cdn.themeselection.com/ts-assets/materio/materio-vuetify-nuxtjs-admin-template/banner/banner.png"
       }
     ]
+  },
+  {
+    "name": "AdminMart",
+    "description": "Check out top [Vue dashboard templates](https://adminmart.com/templates/vuejs-admin/?ref=34) built by our partners from [AdminMart](https://adminmart.com/?ref=34). Download them to speed up your web development process and build top class web applications.",
+    "seeMoreUrl": "https://adminmart.com/templates/vuejs-admin/?ref=34",
+    "products": [
+      {
+        "name": "Matdash Free Vuejs Admin Dashboard",
+        "price": 0,
+        "description": "Free & Open Source VueJs Admin Template",
+        "url": "https://adminmart.com/product/matdash-free-vuejs-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2024/05/matdash-vuetifi-vuejs-2.png"
+      },
+      {
+        "name": "Matdash Vuejs Admin Dashboard",
+        "price": 49,
+        "description": "Empowering Developers with Unmatched Flexibility and Power",
+        "url": "https://adminmart.com/product/matdash-vuejs-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2024/05/matdash-vuetify-vuejs-admin-dashboard.png"
+      },
+      {
+        "name": "Modernize Vuetify 3 & Vue 3 Admin Dashboard",
+        "price": 49,
+        "description": "Developer Friendly & Most Powerful Vue Admin Dashboard Template",
+        "url": "https://adminmart.com/product/modernize-vuetify-vue-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2023/02/modernize-vuetify-admin-dashboard-min.png"
+      },
+      {
+        "name": "Modernize Free Vuetify + Vue js Admin Dashboard",
+        "price": 0,
+        "description": "Free & Open Source VueJs Admin Template",
+        "url": "https://adminmart.com/product/modernize-free-vuetify-vue-js-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2023/02/modernize-free-vuetify-admin-dashboard-am-min1.png"
+      },
+      {
+        "name": "Modernize Free NuxtJs Admin Dashboard Template",
+        "price": 0,
+        "description": "Free NuxtJs Dashboard Template",
+        "url": "https://adminmart.com/product/modernize-free-vuetify-vue-js-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2023/02/modernize-free-nuxt-admin-dashboard-am-min.png"
+      },
+      {
+        "name": "Modernize Nuxt Js Admin Dashboard",
+        "price": 49,
+        "description": "Rapidly Build Powerful Dashboards with NuxtJs - Vuetify: A Developer's Dream",
+        "url": "https://adminmart.com/product/modernize-nuxt-js-admin-dashboard/?ref=34",
+        "image": "https://adminmart.com/wp-content/uploads/2023/02/modernize-nuxt-js-admin-dashboard.png"
+      }
+    ]
   }
-]
+]

src/examples/src/fetching-data/App/composition.js

@@ -6,7 +6,7 @@ const branches = ['main', 'v2-compat']
 export default {
   setup() {
     const currentBranch = ref(branches[0])
-    const commits = ref(null)
+    const commits = ref([])
 
     watchEffect(async () => {
       // this effect will run immediately and then

src/examples/src/fetching-data/App/options.js

@@ -4,7 +4,7 @@ export default {
   data: () => ({
     branches: ['main', 'v2-compat'],
     currentBranch: 'main',
-    commits: null
+    commits: []
   }),
 
   created() {

src/examples/src/fetching-data/App/template.html

@@ -8,8 +8,8 @@ <h1>Latest Vue Core Commits</h1>
   <label :for="branch">{{ branch }}</label>
 </template>
 <p>vuejs/vue@{{ currentBranch }}</p>
-<ul>
-  <li v-for="{ html_url, sha, author, commit } in commits">
+<ul v-if="commits.length > 0">
+  <li v-for="{ html_url, sha, author, commit } in commits" :key="sha">
     <a :href="html_url" target="_blank" class="commit">{{ sha.slice(0, 7) }}</a>
     - <span class="message">{{ truncate(commit.message) }}</span><br>
     by <span class="author">

src/glossary/index.md

@@ -274,7 +274,7 @@ Vue শুধুমাত্র রিয়্যাক্টিভ ইভেন
 
 ## reactivity {#reactivity}
 
-সাধারণভাবে, *রিয়্যাক্টিভিটি*  বলতে ডেটা পরিবর্তনের প্রতিক্রিয়ায় স্বয়ংক্রিয়ভাবে ক্রিয়া সম্পাদন করার ক্ষমতা বোঝায়। উদাহরণস্বরূপ, DOM আপডেট করা বা ডেটার মান পরিবর্তন হলে নেটওয়ার্কে অনুরোধ করা।
+সাধারণভাবে, *রিয়্যাক্টিভিটি*  বলতে ডেটা পরিবর্তনের প্রতিক্রিয়ায় স্বয়ংক্রিয়ভাবে ক্রিয়া সম্পাদন করার ক্ষমতা বোঝায়। উদাহরণস্বরূপ, DOM আপডেট করা বা ডেটার মান পরিবর্তন হলে নেটওয়ার্কে রিকোয়েস্ট করা।
 
 Vue এর ক্ষেত্রে, রিয়্যাক্টিভিটি বলতে বোঝায়  বৈশিষ্ট্যের একটি সংগ্রহকে। এই  বৈশিষ্ট্যগুলি একত্রিত হয়ে একটি *রিঅ্যাক্টিভিটি সিস্টেম*  গঠন করে, যা [রিঅ্যাক্টিভিটি API](#reactivity-api) এর মাধ্যমে প্রকাশ করা হয়।
 
@@ -351,7 +351,7 @@ Vue 3-এ, সমস্ত স্লটগুলিকে স্কোপড স
 
 উদাহরণস্বরূপ, `user.name = null` এর মতো একটি প্রপার্টি সেট করার প্রেক্ষাপটে, এটা আশা করা যায় যে এটি `user.name`-এর মান পরিবর্তন করবে। যদি এটি অন্য কিছু করে, যেমন Vue এর রিয়্যাক্টিভিটি সিস্টেমকে ট্রিগার করে, তাহলে এটি একটি সাইড ইফেক্ট হিসাবে বর্ণনা করা হবে। Vue-এর মধ্যে, এই শব্দ থেকে [রিয়্যাক্টিভ ইফেক্ট](#reactive-effect) শব্দটির উৎপত্তি।
 
-যখন একটি ফাংশনকে সাইড ইফেক্ট হিসাবে বর্ণনা করা হয়, তখন এর মানে হল যে ফাংশনটি এমন কিছূ কাজ সম্পাদন করে যা ফাংশনের বাইরে পর্যবেক্ষণযোগ্য, শুধুমাত্র একটি মান ফেরত দেওয়া ছাড়া। এর অর্থ হতে পারে যে এটি কোনও পর্যায়ের একটি মান আপডেট করে বা একটি নেটওয়ার্ক অনুরোধ ট্রিগার করে।
+যখন একটি ফাংশনকে সাইড ইফেক্ট হিসাবে বর্ণনা করা হয়, তখন এর মানে হল যে ফাংশনটি এমন কিছূ কাজ সম্পাদন করে যা ফাংশনের বাইরে পর্যবেক্ষণযোগ্য, শুধুমাত্র একটি মান ফেরত দেওয়া ছাড়া। এর অর্থ হতে পারে যে এটি কোনও পর্যায়ের একটি মান আপডেট করে বা একটি নেটওয়ার্ক রিকোয়েস্ট ট্রিগার করে।
 
 রেন্ডারিং বা গণনা করা প্রোপার্টি বর্ণনা করার সময় শব্দটি প্রায়শই ব্যবহৃত হয়। কোন সাইড ইফেক্ট নেই এমন কিছু রেন্ডারিংয়ের জন্য এটি সর্বোত্তম অনুশীলন হিসাবে বিবেচিত হয়। একইভাবে, একটি গণনাকৃত প্রোপার্টির জন্য গেটার ফাংশনের কোন সাইড ইফেক্ট থাকা উচিত নয়।