Skip to content

Commit

Permalink
refactor: change translated words to understandable word in all pages (
Browse files Browse the repository at this point in the history
  • Loading branch information
mahmudunnabikajal committed Oct 15, 2024
1 parent b398707 commit 6658cb8
Show file tree
Hide file tree
Showing 25 changed files with 64 additions and 64 deletions.
2 changes: 1 addition & 1 deletion src/api/component-instance.md
Original file line number Diff line number Diff line change
Expand Up @@ -212,7 +212,7 @@ DOM কম্পোনেন্ট এবং কম্পোনেন্ট উ

- ** বিস্তারিত**

প্রথম যুক্তি হল ঘড়ির উৎস। এটি একটি কম্পোনেন্ট প্রপার্টি নামের স্ট্রিং, একটি সাধারণ ডট-ডিলিমিটেড পাথ স্ট্রিং বা একটি [গেটার ফাংশন](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#description)।
প্রথম যুক্তি হল ওয়াচর উৎস। এটি একটি কম্পোনেন্ট প্রপার্টি নামের স্ট্রিং, একটি সাধারণ ডট-ডিলিমিটেড পাথ স্ট্রিং বা একটি [গেটার ফাংশন](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get#description)।

দ্বিতীয় যুক্তি হল কলব্যাক ফাংশন। কলব্যাক নতুন মান এবং প্রেক্ষিত উৎসের পুরানো মান গ্রহণ করে।

Expand Down
8 changes: 4 additions & 4 deletions src/api/composition-api-helpers.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

## useAttrs() {#useattrs}

[সেটআপ প্রসঙ্গ](/api/composition-api-setup#setup-context) থেকে `attrs` অবজেক্ট ফেরত দেয়, যার মধ্যে বর্তমান উপাদানের [fallthrough বৈশিষ্ট্য](/guide/components/attrs#fallthrough-attributes) অন্তর্ভুক্ত থাকে . এটি `<script setup>`-এ ব্যবহার করার উদ্দেশ্যে যেখানে সেটআপ প্রসঙ্গ অবজেক্ট উপলব্ধ নেই৷
[সেটআপ প্রসঙ্গ](/api/composition-api-setup#setup-context) থেকে `attrs` অবজেক্ট ফেরত দেয়, যার মধ্যে বর্তমান কম্পোনেন্টের [fallthrough বৈশিষ্ট্য](/guide/components/attrs#fallthrough-attributes) অন্তর্ভুক্ত থাকে . এটি `<script setup>`-এ ব্যবহার করার উদ্দেশ্যে যেখানে সেটআপ প্রসঙ্গ অবজেক্ট উপলব্ধ নেই৷

- **Type**

Expand Down Expand Up @@ -100,7 +100,7 @@ Returns a shallow ref whose value will be synced with the template element or co

## useId() <sup class="vt-badge" data-text="3.5+" /> {#useid}

অ্যাক্সেসিবিলিটি অ্যাট্রিবিউট বা ফর্ম উপাদানগুলির জন্য অনন্য-প্রতি-অ্যাপ্লিকেশন আইডি তৈরি করতে ব্যবহৃত হয়।
অ্যাক্সেসিবিলিটি অ্যাট্রিবিউট বা ফর্ম কম্পোনেন্টগুলির জন্য অনন্য-প্রতি-অ্যাপ্লিকেশন আইডি তৈরি করতে ব্যবহৃত হয়।

- **Type**

Expand All @@ -127,8 +127,8 @@ Returns a shallow ref whose value will be synced with the template element or co

- **Details**

`useId()` দ্বারা উত্পন্ন আইডিগুলি অ্যাপ্লিকেশন-প্রতি অনন্য। এটি ফর্ম উপাদান এবং অ্যাক্সেসিবিলিটি বৈশিষ্ট্যগুলির জন্য আইডি তৈরি করতে ব্যবহার করা যেতে পারে। একই কম্পোনেন্টে একাধিক কল ভিন্ন আইডি তৈরি করবে; একই কম্পোনেন্ট কলিং `useId()` এর একাধিক দৃষ্টান্তেরও আলাদা আইডি থাকবে।
`useId()` দ্বারা উত্পন্ন আইডিগুলি অ্যাপ্লিকেশন-প্রতি অনন্য। এটি ফর্ম কম্পোনেন্ট এবং অ্যাক্সেসিবিলিটি বৈশিষ্ট্যগুলির জন্য আইডি তৈরি করতে ব্যবহার করা যেতে পারে। একই কম্পোনেন্টে একাধিক কল ভিন্ন আইডি তৈরি করবে; একই কম্পোনেন্ট কলিং `useId()` এর একাধিক দৃষ্টান্তেরও আলাদা আইডি থাকবে।

`useId()` দ্বারা উত্পন্ন আইডিগুলি সার্ভার এবং ক্লায়েন্ট রেন্ডার জুড়ে স্থিতিশীল হওয়ার গ্যারান্টি দেওয়া হয়, তাই সেগুলি হাইড্রেশনের অমিল না হয়ে SSR অ্যাপ্লিকেশনগুলিতে ব্যবহার করা যেতে পারে।

আপনার যদি একই পৃষ্ঠার একাধিক Vue অ্যাপ্লিকেশনের উদাহরণ থাকে, আপনি [`app.config.idPrefix`](/api/application#app-config-idprefix) এর মাধ্যমে প্রতিটি অ্যাপকে একটি আইডি উপসর্গ দিয়ে আইডি দ্বন্দ্ব এড়াতে পারেন।
আপনার যদি একই পৃষ্ঠার একাধিক Vue অ্যাপ্লিকেশনের উদাহরণ থাকে, আপনি [`app.config.idPrefix`](/api/application#app-config-idprefix) এর মাধ্যমে প্রতিটি অ্যাপকে একটি আইডি প্রিফিক্স দিয়ে আইডি দ্বন্দ্ব এড়াতে পারেন।
16 changes: 8 additions & 8 deletions src/api/custom-elements.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,17 +30,17 @@

- **বিস্তারিত**

সাধারণ উপাদান বিকল্পগুলি ছাড়াও, `defineCustomElement()` এছাড়াও কাস্টম-উপাদান-নির্দিষ্ট কিছু বিকল্পকে সমর্থন করে:
সাধারণ কম্পোনেন্ট বিকল্পগুলি ছাড়াও, `defineCustomElement()` এছাড়াও কাস্টম-কম্পোনেন্ট-নির্দিষ্ট কিছু বিকল্পকে সমর্থন করে:

- **`শৈলী`**: CSS প্রদানের জন্য ইনলাইনযুক্ত CSS স্ট্রিংগুলির একটি অ্যারে যা উপাদানটির ছায়া রুটে ইনজেকশন করা উচিত।
- **`স্টাইল`**: CSS প্রদানের জন্য ইনলাইনযুক্ত CSS স্ট্রিংগুলির একটি অ্যারে যা কম্পোনেন্টটির ছায়া রুটে ইনজেকশন করা উচিত।

- **`configureApp`** <sup class="vt-badge" data-text="3.5+"/>: একটি ফাংশন যা কাস্টম উপাদানের জন্য Vue অ্যাপের উদাহরণ কনফিগার করতে ব্যবহার করা যেতে পারে।
- **`configureApp`** <sup class="vt-badge" data-text="3.5+"/>: একটি ফাংশন যা কাস্টম কম্পোনেন্টের জন্য Vue অ্যাপের উদাহরণ কনফিগার করতে ব্যবহার করা যেতে পারে।

- **`shadowRoot`** <sup class="vt-badge" data-text="3.5+"/>: `বুলিয়ান`, ডিফল্ট `সত্য`। শ্যাডো রুট ছাড়াই কাস্টম এলিমেন্ট রেন্ডার করতে `false` এ সেট করুন। এর মানে `<style>` কাস্টম এলিমেন্টে SFC আর এনক্যাপসুলেট করা হবে না।

- **`nonce`** <sup class="vt-badge" data-text="3.5+"/>: `স্ট্রিং`, প্রদান করা হলে, স্টাইল ট্যাগে ইনজেকশন করা স্টাইল ট্যাগগুলিতে `nonce` অ্যাট্রিবিউট হিসেবে সেট করা হবে ছায়া মূল

মনে রাখবেন যে উপাদানের অংশ হিসাবে পাস করার পরিবর্তে, এই বিকল্পগুলি একটি দ্বিতীয় আর্গুমেন্টের মাধ্যমেও পাস করা যেতে পারে:
মনে রাখবেন যে কম্পোনেন্টের অংশ হিসাবে পাস করার পরিবর্তে, এই বিকল্পগুলি একটি দ্বিতীয় আর্গুমেন্টের মাধ্যমেও পাস করা যেতে পারে:

```js
import Element from './MyElement.ce.vue'
Expand Down Expand Up @@ -69,17 +69,17 @@

- **এছাড়াও দেখুন**

- [গাইড - Vue দিয়ে কাস্টম উপাদান তৈরি করা](/guide/extras/web-components#building-custom-elements-with-vue)
- [গাইড - Vue দিয়ে কাস্টম কম্পোনেন্ট তৈরি করা](/guide/extras/web-components#building-custom-elements-with-vue)

- এছাড়াও মনে রাখবেন যে একক-ফাইল উপাদানগুলির সাথে ব্যবহার করার সময় `defineCustomElement()` এর জন্য [বিশেষ কনফিগার](/guide/extras/web-components#sfc-as-custom-element) প্রয়োজন।
- এছাড়াও মনে রাখবেন যে একক-ফাইল কম্পোনেন্টগুলির সাথে ব্যবহার করার সময় `defineCustomElement()` এর জন্য [বিশেষ কনফিগার](/guide/extras/web-components#sfc-as-custom-element) প্রয়োজন।

## useHost() <sup class="vt-badge" data-text="3.5+"/> {#usehost}

একটি রচনা API সহায়ক যা বর্তমান Vue কাস্টম উপাদানের হোস্ট উপাদান প্রদান করে।
একটি রচনা API সহায়ক যা বর্তমান Vue কাস্টম কম্পোনেন্টের হোস্ট কম্পোনেন্ট প্রদান করে।

## useShadowRoot() <sup class="vt-badge" data-text="3.5+"/> {#useshadowroot}

একটি কম্পোজিশন API সাহায্যকারী যা বর্তমান Vue কাস্টম উপাদানের শ্যাডো রুট প্রদান করে।
একটি কম্পোজিশন API সাহায্যকারী যা বর্তমান Vue কাস্টম কম্পোনেন্টের শ্যাডো রুট প্রদান করে।

## this.$host <sup class="vt-badge" data-text="3.5+"/> {#this-host}

Expand Down
2 changes: 1 addition & 1 deletion src/api/general.md
Original file line number Diff line number Diff line change
Expand Up @@ -183,7 +183,7 @@ Vue এর বর্তমান সংস্করন দেখার জন্
### Note on webpack Treeshaking {#note-on-webpack-treeshaking}
কারণ `defineComponent()` হল একটি ফাংশন কল, এটি দেখে মনে হতে পারে এটি কিছু বিল্ড টুলে পার্শ্ব-প্রতিক্রিয়া সৃষ্টি করবে, যেমন ওয়েবপ্যাক এটি উপাদানটিকে গাছ-ঝাঁকানো থেকে প্রতিরোধ করবে এমনকি যখন উপাদানটি ব্যবহার করা হয় না।
কারণ `defineComponent()` হল একটি ফাংশন কল, এটি দেখে মনে হতে পারে এটি কিছু বিল্ড টুলে পার্শ্ব-প্রতিক্রিয়া সৃষ্টি করবে, যেমন ওয়েবপ্যাক এটি কম্পোনেন্টটিকে গাছ-ঝাঁকানো থেকে প্রতিরোধ করবে এমনকি যখন কম্পোনেন্টটি ব্যবহার করা হয় না।
ওয়েবপ্যাককে জানাতে যে এই ফাংশন কলটি ট্রি-শেক করা নিরাপদ, আপনি ফাংশন কলের আগে একটি `/*#__PURE__*/` নোটেশন স্বরলিপি যোগ করতে পারেন:
Expand Down
2 changes: 1 addition & 1 deletion src/api/reactivity-advanced.md
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@
[চেষ্টা করুন](https://play.vuejs.org/#eNplUkFugzAQ/MqKC1SiIekxIpEq9QVV1BMXCguhBdsyaxqE/PcuGAhNfYGd3Z0ZDwzeq1K7zqB39OI205UiaJGMOieiapTUBAOYFt/wUxqRYf6OBVgotGzA30X5Bt59tX4iMilaAsIbwelxMfCvWNfSD+Gw3++fEhFHTpLFuCBsVJ0ScgUQjw6Az+VatY5PiroHo3IeaeHANlkrh7Qg1NBL43cILUmlMAfqVSXK40QUOSYmHAZHZO0KVkIZgu65kTnWp8Qb+4kHEXfjaDXkhd7DTTmuNZ7MsGyzDYbz5CgSgbdppOBFqqT4l0eX1gZDYOm057heOBQYRl81coZVg9LQWGr+IlrchYKAdJp9h0C6KkvUT3A6u8V1dq4ASqRgZnVnWg04/QWYNyYzC2rD5Y3/hkDgz8fY/cOT1ZjqizMZzGY3rDPC12KGZYyd3J26M8ny1KKx7c3X25q1c1wrZN3L9LCMWs/+AmeG6xI=)

:::warning সতর্কতার সাথে ব্যবহার করুন
CustomRef ব্যবহার করার সময়, এর গেটারের রিটার্ন মান সম্পর্কে আমাদের সতর্ক হওয়া উচিত, বিশেষ করে যখন গেটার চালানোর সময় নতুন অবজেক্ট ডেটাটাইপ তৈরি করা হয়। এটি পিতামাতা এবং শিশু উপাদানগুলির মধ্যে সম্পর্ককে প্রভাবিত করে, যেখানে এই ধরনের একটি কাস্টম রেফ একটি প্রপ হিসাবে পাস করা হয়েছে।
CustomRef ব্যবহার করার সময়, এর গেটারের রিটার্ন মান সম্পর্কে আমাদের সতর্ক হওয়া উচিত, বিশেষ করে যখন গেটার চালানোর সময় নতুন অবজেক্ট ডেটাটাইপ তৈরি করা হয়। এটি পিতামাতা এবং শিশু কম্পোনেন্টগুলির মধ্যে সম্পর্ককে প্রভাবিত করে, যেখানে এই ধরনের একটি কাস্টম রেফ একটি প্রপ হিসাবে পাস করা হয়েছে।

প্যারেন্ট কম্পোনেন্টের রেন্ডার ফাংশন একটি ভিন্ন প্রতিক্রিয়াশীল অবস্থায় পরিবর্তনের মাধ্যমে ট্রিগার হতে পারে। রিরেন্ডারের সময়, আমাদের CustomRef-এর মান পুনঃমূল্যায়ন করা হয়, একটি চাইল্ড কম্পোনেন্টের প্রপ হিসাবে একটি নতুন অবজেক্ট ডেটাটাইপ ফিরিয়ে দেয়। এই প্রপটিকে চাইল্ড কম্পোনেন্টে এর শেষ মানের সাথে তুলনা করা হয় এবং যেহেতু সেগুলি আলাদা, কাস্টমরেফের প্রতিক্রিয়াশীল নির্ভরতা চাইল্ড কম্পোনেন্টে ট্রিগার হয়। ইতিমধ্যে, প্যারেন্ট কম্পোনেন্টে প্রতিক্রিয়াশীল নির্ভরতাগুলি চলে না কারণ কাস্টমরেফের সেটারকে কল করা হয়নি, এবং এর নির্ভরতাগুলি ফলস্বরূপ ট্রিগার করা হয়নি।

Expand Down
6 changes: 3 additions & 3 deletions src/glossary/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ Vue কাস্টম ডিরেক্টিভ তৈরিতে সমর
একটি *ফাংশনাল কম্পোনেন্ট* হচ্ছে কম্পোনেন্ট এর বিকল্প যা ফাংশন দ্বারা নির্ধারণ করা হয়।
সেই ফাংশনটি কম্পোনেন্টটির জন্য [রেন্ডার ফাংশন](#render-function) হিসাবে কাজ করে।

একটি ফাংশনাল কম্পোনেন্টের নিজস্ব কোনো অবস্থা থাকতে পারে না। এদের জীবনচক্র স্বাভাবিক কম্পোনেন্টের মত না, তাই জীবনচক্র হুক ব্যবহার করা যায় না । এটি তাদের স্বাভাবিক, সংজ্ঞায়িত কম্পোনেন্টের চেয়ে সামান্য হালকা করে তোলে।
একটি ফাংশনাল কম্পোনেন্টের নিজস্ব কোনো অবস্থা থাকতে পারে না। এদের লাইফসাইকেল স্বাভাবিক কম্পোনেন্টের মত না, তাই লাইফসাইকেল হুক ব্যবহার করা যায় না । এটি তাদের স্বাভাবিক, সংজ্ঞায়িত কম্পোনেন্টের চেয়ে সামান্য হালকা করে তোলে।

আরো বিস্তারিত জানার জন্য দেখুন:
- [Guide - Render Functions & JSX - Functional Components](/guide/extras/render-function.html#functional-components)
Expand Down Expand Up @@ -182,9 +182,9 @@ Vue কাস্টম ডিরেক্টিভ তৈরিতে সমর

## lifecycle hooks {#lifecycle-hooks}

একটি Vue কম্পোনেন্ট উদাহরণ একটি জীবনচক্রের মধ্য দিয়ে যায়। উদাহরণস্বরূপ, এটি তৈরি করা, মাউন্ট করা, আপডেট করা এবং আনমাউন্ট করা।
একটি Vue কম্পোনেন্ট উদাহরণ একটি লাইফসাইকেলের মধ্য দিয়ে যায়। উদাহরণস্বরূপ, এটি তৈরি করা, মাউন্ট করা, আপডেট করা এবং আনমাউন্ট করা।

*lifecycle hooks* এই জীবনচক্রের ঘটনাগুলি শোনার একটি উপায়।
*lifecycle hooks* এই লাইফসাইকেলের ঘটনাগুলি শোনার একটি উপায়।

অপশন এপিআই এর সাথে, প্রতিটি হুক একটি পৃথক অপশন হিসাবে প্রদান করা হয়, যেমন `mounted`। কম্পোজিশন API, এর পরিবর্তে ফাংশন ব্যবহার করে, যেমন `onMounted()`

Expand Down
Loading

0 comments on commit 6658cb8

Please sign in to comment.