merge with latest docs/main(4d838ce)

vuejs-translations · Apr 6, 2024 · 45e9844 · 45e9844
2 parents a96a65d + 4d838ce
commit 45e9844
Show file tree

Hide file tree

Showing 13 changed files with 39 additions and 135 deletions.
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/aws.xml b/.idea/aws.xml
diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
diff --git a/.idea/docs.iml b/.idea/docs.iml
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/api/sfc-css-features.md b/src/api/sfc-css-features.md
@@ -120,7 +120,7 @@
 
 সংঘর্ষ এড়াতে ফলস্বরূপ ক্লাসগুলি হ্যাশ করা হয়, শুধুমাত্র বর্তমান কম্পোনেন্টে CSS স্কোপ করার একই ইফেক্ট অর্জন করে।
 
-আরও বিস্তারিত জানার জন্য [CSS Module spec](https://github.com/css-modules/css-modules) দেখুন যেমন [global exceptions](https://github.com/css-modules/css-modules#exceptions) এবং [composition](https://github.com/css-modules/css-modules#composition)।
+আরও বিস্তারিত জানার জন্য [CSS মডিউল স্পেক](https://github.com/css-modules/css-modules) দেখুন যেমন [বিশ্বব্যাপী ব্যতিক্রম](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#exceptions) এবং [composition](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#composition)।
 
 ### Custom Inject Name {#custom-inject-name}
 

diff --git a/src/guide/components/slots.md b/src/guide/components/slots.md
@@ -296,6 +296,35 @@ function BaseLayout(slots) {
 }
 ```
 
+## Conditional Slots {#conditional-slots}
+
+কখনও কখনও আপনি একটি স্লট উপস্থিত আছে কিনা তার উপর ভিত্তি করে কিছু রেন্ডার করতে চান। 
+
+আপনি এটি অর্জন করতে [v-if](/guide/essentials/conditional.html#v-if) এর সাথে একত্রে [$slots](/api/component-instance.html#slots) বৈশিষ্ট্য ব্যবহার করতে পারেন।
+
+নীচের উদাহরণে আমরা দুটি শর্তসাপেক্ষ স্লট সহ একটি কার্ড উপাদান সংজ্ঞায়িত করি: `header` এবং `footer`।
+যখন শিরোনাম/পাদলেখটি উপস্থিত থাকে তখন আমরা অতিরিক্ত স্টাইলিং প্রদানের জন্য সেগুলিকে মোড়ানো চাই:
+
+```vue-html
+<template>
+  <div class="card">
+    <div v-if="$slots.header" class="card-header">
+      <slot name="header" />
+    </div>
+    
+    <div class="card-content">
+      <slot />
+    </div>
+    
+    <div v-if="$slots.footer" class="card-footer">
+      <slot name="footer" />
+    </div>
+  </div>
+</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=)
+
 ## Dynamic Slot Names {#dynamic-slot-names}
 
 [Dynamic directive arguments](/guide/essentials/template-syntax.md#dynamic-arguments) এছাড়াও `v-slot`-এ কাজ করে, যা গতিশীল স্লট নামের সংজ্ঞাকে অনুমতি দেয়:
@@ -338,7 +367,7 @@ function BaseLayout(slots) {
 </MyComponent>
 ```
 
-![scoped slots diagram](./images/scoped-slots.svg)
+![স্কোপড স্লট ডায়াগ্রাম](./images/scoped-slots.svg)
 
 <!-- https://www.figma.com/file/QRneoj8eIdL1kw3WQaaEyc/scoped-slot -->
 

diff --git a/src/guide/introduction.md b/src/guide/introduction.md
@@ -25,7 +25,7 @@ footer: false
 
 ## Vue কি? {#what-is-vue}
 
-Vue (উচ্চারিত /vjuː/, যেমন **view**) হল একটি JavaScript framework ব্যবহারকারী ইন্টারফেস তৈরির জন্য। এটি স্ট্যান্ডার্ড HTML, CSS, and JavaScript এর উপরে তৈরি করা এবং একটি ডিক্লেয়ার এবং কম্পোনেন্ট-ভিত্তিক প্রোগ্রামিং মডেল যা আপনাকে দক্ষতার সাথে ব্যবহারকারীর সহজ বা জটিল ইন্টারফেস তৈরি করতে সহায়তা করে।
+Vue (উচ্চারিত /vjuː/, **view** এর মত) হল একটি জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক যা ইউজার ইন্টারফেস তৈরির জন্য। এটি স্ট্যান্ডার্ড এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের উপরে তৈরি করে এবং একটি ডিক্লেয়ারেটিভ, কম্পোনেন্ট-ভিত্তিক প্রোগ্রামিং মডেল যা আপনাকে দক্ষতার সাথে যেকোনো জটিলতার ইউজার ইন্টারফেস তৈরিতে সহায়তা করে।
 
 এখানে একটি উদাহরণ:
 

diff --git a/src/guide/quick-start.md b/src/guide/quick-start.md
@@ -69,6 +69,7 @@ import { VTCodeGroup, VTCodeGroupTab } from '@vue/theme'
 <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 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>
 <span style="color:#A6ACCD;">Scaffolding project in ./<span style="color:#89DDFF;">&lt;</span><span style="color:#888;">your-project-name</span><span style="color:#89DDFF;">&gt;</span>...</span>
 <span style="color:#A6ACCD;">Done.</span></code></pre></div>