From acddc776ef620dbbdbe18bc09f93116575a50aa1 Mon Sep 17 00:00:00 2001
From: Mahmudun Nabi Kajal <mahmudunnabikajal@gmail.com>
Date: Sat, 6 Apr 2024 13:23:12 +0600
Subject: [PATCH] refactor: change translated work in
 guide/introduction.md(#39)

---
 .vitepress/theme/components/Home.vue | 31 +++++--------------
 src/guide/introduction.md            | 46 ++++++++++++++--------------
 2 files changed, 30 insertions(+), 47 deletions(-)

diff --git a/.vitepress/theme/components/Home.vue b/.vitepress/theme/components/Home.vue
index 21820baf..f9a5f1e5 100644
--- a/.vitepress/theme/components/Home.vue
+++ b/.vitepress/theme/components/Home.vue
@@ -14,7 +14,7 @@ onMounted(async () => {
 <template>
   <section id="hero">
     <h1 class="tagline">
-      একটি 
+      একটি
       <span class="accent">প্রগতিশীল</span>
       <br />জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক
     </h1>
@@ -25,16 +25,8 @@ onMounted(async () => {
       <VueMasteryModal />
       <a class="get-started" href="/guide/introduction.html">
         শুরু করুন
-        <svg
-          class="icon"
-          xmlns="http://www.w3.org/2000/svg"
-          width="10"
-          height="10"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z"
-          />
+        <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24">
+          <path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z" />
         </svg>
       </a>
       <a class="setup" href="/guide/quick-start.html">ইনস্টল</a>
@@ -46,19 +38,10 @@ onMounted(async () => {
     <template v-for="{ url, img, name, description } of data.special">
       <a :href="url" target="_blank" rel="sponsored noopener">
         <picture v-if="img.endsWith('png')">
-          <source
-            type="image/avif"
-            :srcset="`${base}/images/${img.replace(/\.png$/, '.avif')}`"
-          />
+          <source type="image/avif" :srcset="`${base}/images/${img.replace(/\.png$/, '.avif')}`" />
           <img :src="`${base}/images/${img}`" :alt="name" />
         </picture>
-        <img
-          width="168"
-          height="42"
-          v-else
-          :src="`${base}/images/${img}`"
-          :alt="name"
-        />
+        <img width="168" height="42" v-else :src="`${base}/images/${img}`" :alt="name" />
       </a>
       <span>{{ description }}</span>
     </template>
@@ -68,13 +51,13 @@ onMounted(async () => {
     <div class="vt-box">
       <h2>সাদৃশ্যপূর্ণ</h2>
       <p>
-        বিশ্ব-মানের ডকুমেন্টেশন সহ স্ট্যান্ডার্ড HTML, CSS এবং JavaScript with intuitive API এর উপরে তৈরি।
+        স্ট্যান্ডার্ড HTML, CSS এবং জাভাস্ক্রিপ্টের উপর নির্মিত, সহজবোধ্য API এবং বিশ্বমানের ডকুমেন্টেশন সহ।
       </p>
     </div>
     <div class="vt-box">
       <h2>পারফরম্যান্স</h2>
       <p>
-        প্রতিক্রিয়াশীল, কম্পাইলার-অপ্টিমাইজড রেন্ডারিং সিস্টেম যার জন্য খুব কমই ম্যানুয়াল অপ্টিমাইজেশানের প্রয়োজন হয়৷
+        সত্যিকারের প্রতিক্রিয়াশীল, কম্পাইলার-অপ্টিমাইজড রেন্ডারিং সিস্টেম যা খুব কমই ম্যানুয়াল অপ্টিমাইজেশনের প্রয়োজন হয়।
       </p>
     </div>
     <div class="vt-box">
diff --git a/src/guide/introduction.md b/src/guide/introduction.md
index 5fc84dcd..6b530cc0 100644
--- a/src/guide/introduction.md
+++ b/src/guide/introduction.md
@@ -83,36 +83,36 @@ const count = ref(0)
 
 উপরের উদাহরণটি Vue এর দুটি মূল বৈশিষ্ট্য প্রদর্শন করে:
 
-- **Declarative Rendering (ডিক্লেয়ার উপস্থাপন)**: Vue একটি টেমপ্লেট সিনট্যাক্স সহ স্ট্যান্ডার্ড HTML ব্যবহার করে যা আমাদের জাভাস্ক্রিপ্ট স্টেট এর উপর ভিত্তি করে HTML আউটপুটকে ডিক্লেয়ারভাবে বর্ণনা করতে দেয়।
+ - **ডিক্লেয়ারেটিভ রেন্ডারিং**: Vue একটি টেমপ্লেট সিনট্যাক্স সহ স্ট্যান্ডার্ড HTML ব্যবহার করে যা আমাদের জাভাস্ক্রিপ্ট স্টেটের উপর ভিত্তি করে HTML আউটপুটকে ডিক্লেয়ারেটিভভাবে বর্ণনা করতে দেয়।
 
-- **Reactivity (প্রতিক্রিয়াশীলতা)**: Vue স্বয়ংক্রিয়ভাবে জাভাস্ক্রিপ্টের স্টেট এর পরিবর্তনগুলি ট্র্যাক করে এবং পরিবর্তনগুলি ঘটলে দক্ষতার সাথে DOM আপডেট করে৷
+- **রিঅ্যাক্টিভিটি**: Vue স্বয়ংক্রিয়ভাবে জাভাস্ক্রিপ্টের স্টেটের পরিবর্তনগুলি ট্র্যাক করে এবং পরিবর্তনগুলি ঘটলে দক্ষতার সাথে DOM আপডেট করে৷
 
 আপনার ইতিমধ্যে প্রশ্ন থাকতে পারে - চিন্তা করবেন না। আমরা বাকি ডকুমেন্টেশনে প্রতিটি সামান্য বিষয়ও বিস্তারিতভাবে আলোচনা করব। আপাতত, অনুগ্রহ করে পড়তে থাকুন যাতে আপনি Vue কিভাবে কাজ করে সে সম্পর্কে সর্বোচ্চ ধারণা পেতে পারেন।
 
 :::tip পূর্বশর্ত
-বাকি ডকুমেন্টেশন এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের সাথে প্রাথমিক পরিচিতি অনুমান করে। আপনি যদি ফ্রন্টএন্ড ডেভেলপমেন্টে সম্পূর্ণ নতুন হয়ে থাকেন, তাহলে আপনার প্রথম ধাপ হিসেবে একটি ফ্রেমওয়ার্কের ব্যবহার করা সেরা ধারণা নাও হতে পারে - মূল বিষয়গুলো ধরুন এবং তারপরে ফিরে আসুন ফ্রেমওয়ার্কে! আপনি [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript), [HTML](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML) এবং [CSS](https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps) এর জন্য এই ওভারভিউ দিয়ে আপনার জ্ঞানের স্তর পরীক্ষা করতে পারেন প্রয়োজন হলে। অন্যান্য ফ্রেমওয়ার্কের সাথে পূর্বের অভিজ্ঞতা সাহায্য করে, কিন্তু প্রয়োজন হয় না।
+বাকি ডকুমেন্টেশন এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের সাথে প্রাথমিক পরিচয় অনুমান করে। আপনি যদি ফ্রন্টএন্ড ডেভেলপমেন্টে সম্পূর্ণ নতুন হয়ে থাকেন, তাহলে আপনার প্রথম ধাপ হিসেবে একটি ফ্রেমওয়ার্কের ব্যবহার করা সেরা ধারণা নাও হতে পারে - মূল বিষয়গুলো ধরুন এবং তারপরে ফিরে আসুন ফ্রেমওয়ার্কে! আপনি [জাভাস্ক্রিপ্ট](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript), [এইচটিএমএল](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML) এবং [সিএসএস](https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps) এর জন্য এই ওভারভিউ দিয়ে আপনার জ্ঞানের স্তর পরীক্ষা করতে পারেন প্রয়োজন হলে। অন্যান্য ফ্রেমওয়ার্কের সাথে পূর্বের অভিজ্ঞতা সাহায্য করে, কিন্তু প্রয়োজন হয় না।
 :::
 
 ## একটি প্রগতিশীল ফ্রেমওয়ার্ক {#the-progressive-framework}
 
-Vue হল একটি ফ্রেমওয়ার্ক এবং ইকোসিস্টেম যা ফ্রন্টএন্ড ডেভেলপমেন্টে প্রয়োজনীয় বেশিরভাগ সাধারণ বৈশিষ্ট্যগুলিকে কভার করে। কিন্তু ওয়েব অত্যন্ত বৈচিত্র্যময় - আমরা ওয়েবে যে জিনিসগুলি তৈরি করি তা আকার এবং স্কেলে ব্যাপকভাবে পরিবর্তিত হতে পারে। এটি মাথায় রেখে, Vue নমনীয় এবং ক্রমবর্ধমানভাবে গ্রহণযোগ্য হওয়ার জন্য ডিজাইন করা হয়েছে। আপনার ব্যবহারের ক্ষেত্রে নির্ভর করে, Vue বিভিন্ন উপায়ে ব্যবহার করা যেতে পারে:
+ভিউ একটি ফ্রেমওয়ার্ক এবং ইকোসিস্টেম যা ফ্রন্টএন্ড ডেভেলপমেন্টে প্রয়োজনীয় বেশিরভাগ সাধারণ বৈশিষ্ট্যগুলিকে কভার করে। কিন্তু ওয়েব অত্যন্ত বৈচিত্র্যময় - আমরা ওয়েবে যে জিনিসগুলি তৈরি করি তা আকার এবং স্কেলে ব্যাপকভাবে পরিবর্তিত হতে পারে। এটি মাথায় রেখে, ভিউ নমনীয় এবং ক্রমবর্ধমানভাবে গ্রহণযোগ্য হওয়ার জন্য ডিজাইন করা হয়েছে। আপনার ব্যবহারের ক্ষেত্রে নির্ভর করে, ভিউ বিভিন্ন উপায়ে ব্যবহার করা যেতে পারে:
 
-- বিল্ড স্টেপ ছাড়াই স্ট্যাটিক এইচটিএমএল উন্নত করা
-- যেকোন পৃষ্ঠায় ওয়েব কম্পোনেন্ট হিসেবে এম্বেড করা
+- বিল্ড স্টেপ ছাড়াই স্ট্যাটিক এইচটিএমএল উন্নত করা
+- যেকোনো পৃষ্ঠায় ওয়েব কম্পোনেন্ট হিসেবে এম্বেড করা
 - একক পৃষ্ঠার অ্যাপ্লিকেশন (SPA)
 - ফুলস্ট্যাক / সার্ভার-সাইড রেন্ডারিং (SSR)
 - জ্যামস্ট্যাক / স্ট্যাটিক সাইট জেনারেশন (SSG)
-- ডেস্কটপ, মোবাইল, ওয়েবজিএল, এমনকি টার্মিনালকে টার্গেট করা
+- ডেস্কটপ, মোবাইল, ওয়েবজিএল, এমনকি টার্মিনালকে টার্গেট করা
 
-আপনি যদি এই বিষয় দেখে আতঙ্কিত হন তাহলে একদমই চিন্তা করবেন না! টিউটোরিয়াল এবং গাইডের জন্য শুধুমাত্র মৌলিক HTML এবং JavaScript জ্ঞানের প্রয়োজন, এবং আপনি এইগুলির মধ্যে একজন বিশেষজ্ঞ না হয়েও অনুসরণ করতে সক্ষম হবেন।
+যদি আপনি এই বিষয় দেখে আতঙ্কিত হন তাহলে একদমই চিন্তা করবেন না! টিউটোরিয়াল এবং গাইডের জন্য শুধুমাত্র মৌলিক HTML এবং JavaScript জ্ঞানের প্রয়োজন, এবং আপনি এইগুলির মধ্যে একজন বিশেষজ্ঞ না হয়েও অনুসরণ করতে সক্ষম হবেন।
 
-আপনি যদি একজন অভিজ্ঞ ডেভেলপার হন এবং কীভাবে আপনার স্ট্যাকের মধ্যে Vue কে সর্বোত্তমভাবে ব্যবহার করা যায় সে বিষয়ে আগ্রহী হন, অথবা আপনি এই শর্তাবলীর অর্থ কী তা নিয়ে কৌতূহলী হন, তাহলে আমরা সেগুলিকে [Vue ব্যবহার করার উপায়](/guide/extras/ways-of-using-vue) এ আরও বিশদে আলোচনা করি।
+আপনি যদি একজন অভিজ্ঞ ডেভেলপার হন এবং কীভাবে আপনার স্ট্যাকের মধ্যে Vue কে সর্বোত্তমভাবে ব্যবহার করা যায় সে বিষয়ে আগ্রহী হন, অথবা আপনি এই শর্তাবলীর অর্থ কী তা নিয়ে কৌতূহলী হন, তাহলে আমরা সেগুলিকে [Vue ব্যবহার করার উপায়](/guide/extras/ways-of-using-vue) এ আরও বিশদে আলোচনা করি।
 
-ফ্লেক্সিবল সত্ত্বেও, Vue কীভাবে কাজ করে সে সম্পর্কে মূল জ্ঞান এই সমস্ত ব্যবহারের ক্ষেত্রে ভাগ করা হয়। এমনকি আপনি যদি এখন মাত্র একজন শিক্ষানবিস হয়ে থাকেন, তবে ভবিষ্যতে আরও উচ্চাভিলাষী লক্ষ্যগুলি মোকাবেলা করার জন্য আপনার বেড়ে ওঠার সাথে সাথে অর্জিত জ্ঞান কার্যকর থাকবে। আপনি যদি একজন অভিজ্ঞ হন, তাহলে একই উৎপাদনশীলতা বজায় রেখে আপনি যে সমস্যার সমাধান করার চেষ্টা করছেন তার উপর ভিত্তি করে Vue-এর সুবিধা নেওয়ার সর্বোত্তম উপায় বেছে নিতে পারেন। এই কারণেই আমরা Vue কে "প্রগ্রেসিভ ফ্রেমওয়ার্ক" বলি: এটি এমন একটি কাঠামো যা আপনার সাথে বৃদ্ধি পেতে পারে এবং আপনার প্রয়োজনের সাথে খাপ খাইয়ে নিতে পারে৷
+ফ্লেক্সিবল সত্ত্বেও, Vue কীভাবে কাজ করে সে সম্পর্কে মূল জ্ঞান এই সমস্ত ব্যবহারের ক্ষেত্রে ভাগ করা হয়। এমনকি আপনি যদি এখন মাত্র একজন শিক্ষানবিস হয়ে থাকেন, তবে ভবিষ্যতে আরও উচ্চাভিলাষী লক্ষ্যগুলি মোকাবেলা করার জন্য আপনার বেড়ে ওঠার সাথে সাথে অর্জিত জ্ঞান কার্যকর থাকবে। আপনি যদি একজন অভিজ্ঞ হন, তাহলে একই উৎপাদনশীলতা বজায় রেখে আপনি যে সমস্যার সমাধান করার চেষ্টা করছেন তার উপর ভিত্তি করে Vue-এর সুবিধা নেওয়ার সর্বোত্তম উপায় বেছে নিতে পারেন। এই কারণেই আমরা Vue কে "প্রগতিশীল ফ্রেমওয়ার্ক" বলি: এটি এমন একটি কাঠামো যা আপনার সাথে বৃদ্ধি পেতে পারে এবং আপনার প্রয়োজনের সাথে খাপ খাইয়ে নিতে পারে৷
 
 ## একক ফাইল কম্পোনেন্ট {#single-file-components}
 
-বেশিরভাগ বিল্ড-টুল-সক্ষম Vue প্রোজেক্টে, আমরা **একক-ফাইল কম্পোনেন্ট** নামে একটি HTML-এর মতো ফাইল ফরম্যাট ব্যবহার করে Vue কম্পোনেন্টগুলি লিখি (যা `*.vue` ফাইল নামেও পরিচিত, সংক্ষেপে **SFC**)। একটি Vue SFC, নাম অনুসারে, একটি একক ফাইলে কম্পোনেন্টের যুক্তি (জাভাস্ক্রিপ্ট), টেমপ্লেট (এইচটিএমএল) এবং স্টাইল (সিএসএস) অন্তর্ভুক্ত করে। এখানে পূর্ববর্তী উদাহরণ, SFC বিন্যাসে লেখা:
+বেশিরভাগ বিল্ড-টুল-সক্ষম Vue প্রোজেক্টে, আমরা **একক-ফাইল কম্পোনেন্ট** নামে একটি HTML-এর মতো ফাইল ফরম্যাট ব্যবহার করে Vue কম্পোনেন্টগুলি লিখি (যা `*.vue` ফাইল নামেও পরিচিত, সংক্ষেপে **SFC**)। একটি Vue SFC, নাম অনুসারে, একটি একক ফাইলে কম্পোনেন্টের যুক্তি (জাভাস্ক্রিপ্ট), টেমপ্লেট (এইচটিএমএল) এবং স্টাইল (সিএসএস) অন্তর্ভুক্ত করে। এখানে পূর্ববর্তী উদাহরণ, SFC বিন্যাসে লেখা:বেশিরভা
 
 <div class="options-api">
 
@@ -160,15 +160,15 @@ button {
 
 </div>
 
-SFC হল Vue-এর একটি সংজ্ঞায়িত বৈশিষ্ট্য এবং একজন কোডারের Vue কম্পোনেন্টগুলি লেখার জন্য প্রস্তাবিত উপায় **যদি** আপনার ব্যবহারের ক্ষেত্রে একটি বিল্ড সেটআপ দরকার পরে। আপনি এর ডেডিকেটেড বিভাগে [কীভাবে এবং কেন SFC](/guide/scaling-up/sfc) সম্পর্কে আরও বিস্তারিতভাবে জানতে পারেন - কিন্তু আপাতত, শুধু জেনে রাখুন যে Vue আপনার জন্য সমস্ত বিল্ড টুল সেটআপ পরিচালনা করবে।
+ SFC হল Vue-এর একটি নির্দিষ্ট বৈশিষ্ট্য এবং একজন কোডারের Vue কম্পোনেন্টগুলি লেখার জন্য প্রস্তাবিত উপায় **যদি** আপনার ব্যবহারের ক্ষেত্রে পরবর্তীতে একটি বিল্ড সেটআপ দরকার হয়। আপনি এর ডেডিকেটেড বিভাগে [কীভাবে এবং কেন SFC](/guide/scaling-up/sfc) সম্পর্কে আরও বিস্তারিতভাবে জানতে পারেন - কিন্তু আপাতত, শুধু জেনে রাখুন যে Vue আপনার জন্য সমস্ত বিল্ড টুল সেটআপ পরিচালনা করবে।
 
 ## এপিআই ধরন (API Styles) {#api-styles}
 
-Vue কম্পোনেন্ট দুটি ভিন্ন API ধরনে ব্যবহার হতে পারে: **Options API** এবং **Composition API**.
+ভিউ কম্পোনেন্ট দুটি ভিন্ন API ধরনে ব্যবহার হতে পারে: **অপশন API** এবং **কম্পোজিশন API**।
 
 ### অপশনস এপিআই (Options API) {#options-api}
 
-Options API এর সাহায্যে, আমরা একটি কম্পোনেন্টের যুক্তি সংজ্ঞায়িত করি যাতে অপশনের একটি অবজেক্ট যেমন `data`, `methods`, এবং `mounted` ব্যবহার করে। কম্পোনেন্টগুলির দ্বারা সংজ্ঞায়িত বৈশিষ্ট্যগুলি `this` ফাংশনে উন্মুক্ত করা হয়, যা কম্পোনেন্ট উদাহরণের দিকে নির্দেশ করে।
+অপশন API এর সাহায্যে, আমরা একটি কম্পোনেন্টের যুক্তি সংজ্ঞায়িত করি যাতে অপশনের একটি অবজেক্ট যেমন `data`, `methods`, এবং `mounted` ব্যবহার করে। কম্পোনেন্টগুলির দ্বারা সংজ্ঞায়িত বৈশিষ্ট্যগুলি `this` ফাংশনে উন্মুক্ত করা হয়, যা কম্পোনেন্ট উদাহরণের দিকে নির্দেশ করে।
 
 ```vue
 <script>
@@ -207,9 +207,9 @@ export default {
 
 ### কম্পোজিশন এপিআই (Composition API) {#composition-api}
 
-Composition API-এর সাহায্যে, আমরা import করা API ফাংশন ব্যবহার করে একটি কম্পোনেন্টের যুক্তি সংজ্ঞায়িত করি। SFC-তে, Composition API সাধারণত [`<script setup>`](/api/sfc-script-setup) এর সাথে ব্যবহার করা হয়। `setup` অ্যাট্রিবিউট হল একটি ইঙ্গিত যা Vue কে কম্পাইল-টাইম ট্রান্সফর্ম করে যা আমাদের কম বয়লারপ্লেটের সাথে Composition API ব্যবহার করতে দেয়। উদাহরণ স্বরূপ, `<script setup>`-এ imports এবং শীর্ষ-স্তরের ভেরিয়েবল/ফাংশন সরাসরি টেমপ্লেটে ব্যবহারযোগ্য।
+কম্পোজিশন API-এর সাহায্যে, আমরা আমদানি করা API ফাংশনগুলি ব্যবহার করে একটি কম্পোনেন্টের যুক্তি সংজ্ঞায়িত করি। SFC-তে, কম্পোজিশন API সাধারণত [`<script setup>`](/api/sfc-script-setup) এর সাথে ব্যবহার করা হয়। `setup` অ্যাট্রিবিউট হল একটি নির্দেশ যা Vue কে কম্পাইল-টাইম রূপান্তর করতে দেয় যা আমাদের কম বয়লারপ্লেটের সাথে কম্পোজিশন API ব্যবহার করতে দেয়। উদাহরণস্বরূপ, `<script setup>`-এ আমদানি এবং শীর্ষ-স্তরের ভেরিয়েবল/ফাংশনগুলি সরাসরি টেমপ্লেটে ব্যবহারযোগ্য।
 
-এখানে একই কম্পোনেন্ট, ঠিক একই টেমপ্লেট সহ, কিন্তু Composition API এবং `<script setup>` ব্যবহার করে এর পরিবর্তে:
+এখানে একই কম্পোনেন্ট, ঠিক একই টেমপ্লেট সহ, কিন্তু কম্পোজিশন API এবং `<script setup>` ব্যবহার করে এর পরিবর্তে:
 
 ```vue
 <script setup>
@@ -238,9 +238,9 @@ onMounted(() => {
 
 ### কোনটি বেছে নেবেন? {#which-to-choose}
 
-উভয় API ধরনই সাধারণভাবে ব্যবহারের ক্ষেত্রে সম্পূর্ণরূপে কভার করতে সক্ষম। এগুলি ঠিক একই অন্তর্নিহিত সিস্টেম দ্বারা চালিত বিভিন্ন ইন্টারফেস। Options API আসলে Composition API এর উপরেই প্রয়োগ করা হয়! Vue সম্পর্কে মৌলিক ধারণা এবং জ্ঞান দুটি ধরনে ভাগ করা যায়।
+দুই ধরনের APIই সাধারণভাবে ব্যবহারের ক্ষেত্রে সম্পূর্ণরূপে কভার করতে সক্ষম। এগুলি ঠিক একই অন্তর্নিহিত সিস্টেম দ্বারা চালিত বিভিন্ন ইন্টারফেস। Options API আসলে Composition API এর উপরেই প্রয়োগ করা হয়! Vue সম্পর্কে মৌলিক ধারণা এবং জ্ঞান দুটি ধরনে ভাগ করা যায়।
 
-Options API মূলত " কম্পোনেন্ট ইন্সট্যান্স" এর ধারণাকে কেন্দ্র করে (উদাহরণে দেখানো হয়েছে `this`) তৈরি, যা সাধারণত অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং (OOP) ব্যাকগ্রাউন্ড থেকে আগত ব্যবহারকারীদের জন্য একটি শ্রেণি-ভিত্তিক মানসিক মডেলের সাথে আরও ভালোভাবে সারিবদ্ধ করে। এটি আরও শিক্ষানবিস-বান্ধব কারণ এটি রিঅ্যাকটিভিটির বিশদ ঢেকে রাখে এবং options group-এর মাধ্যমে কোড সংগঠিত রাখে।
+Options API মূলত "কম্পোনেন্ট ইন্সট্যান্স" এর ধারণাকে কেন্দ্র করে (উদাহরণে দেখানো হয়েছে `this`) তৈরি, যা সাধারণত অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং (OOP) ব্যাকগ্রাউন্ড থেকে আগত ব্যবহারকারীদের জন্য একটি শ্রেণি-ভিত্তিক মানসিক মডেলের সাথে আরও ভালোভাবে সারিবদ্ধ করে। এটি আরও শিক্ষানবিস-বান্ধব কারণ এটি রিঅ্যাকটিভিটির বিশদ ঢেকে রাখে এবং options group-এর মাধ্যমে কোড সংগঠিত রাখে।
 
 Composition API মূলত একটি ফাংশন স্কোপে সরাসরি প্রতিক্রিয়াশীল স্টেট ভেরিয়েবল ঘোষণা করে এবং জটিলতা সামলাতে একসাথে একাধিক ফাংশন থেকে স্টেট রচনা করাকে কেন্দ্র করে তৈরি। এটি আরও ফ্রি-ফর্ম এবং এটি কার্যকরভাবে ব্যবহার করার জন্য Vue-তে প্রতিক্রিয়া কীভাবে কাজ করে তা বোঝা প্রয়োজন। বিনিময়ে, এর ফ্লেক্সিবল যুক্তি সংগঠন এবং পুনঃব্যবহারের জন্য আরও শক্তিশালী প্যাটার্ন প্রদান করে।
 
@@ -260,20 +260,20 @@ Composition API মূলত একটি ফাংশন স্কোপে স
 
 ## এখনও প্রশ্ন আছে? {#still-got-questions}
 
-এখানে দেখুন [প্রায়শই জিজ্ঞাসিত প্রশ্ন](/about/faq).
+এখানে দেখুন [প্রায়শই জিজ্ঞাসিত প্রশ্ন](/about/faq).
 
 ## আপনার শেখার পথ বেছে নিন {#pick-your-learning-path}
 
-বিভিন্ন ডেভেলপারদের বিভিন্ন শেখার স্টাইল রয়েছে। আপনার পছন্দ অনুসারে একটি শেখার পথ নির্দ্বিধায় বেছে নিন - যদিও আমরা সম্ভব হলে সমস্ত বিষয়অবজেক্টতে যাওয়ার পরামর্শ দিই!
+বিভিন্ন ডেভেলপারদের বিভিন্ন শেখার স্টাইল থাকে। আপনার পছন্দ অনুযায়ী একটি শেখার পথ নির্দ্বিধায় বেছে নিন - যদিও আমরা সম্ভব হলে সমস্ত বিষয়বস্তুতে যাওয়ার পরামর্শ দিই!
 
 <div class="vt-box-container next-steps">
   <a class="vt-box" href="/tutorial/">
-    <p class="next-steps-link">টিউটোরিয়াল ব্যবহার করে দেখুন</p>
+    <p class="next-steps-link">টিউটোরিয়াল ব্যবহার করে দেখুন</p>
     <p class="next-steps-caption">যারা হাতে-কলমে শিখতে পছন্দ করেন তাদের জন্য।</p>
   </a>
   <a class="vt-box" href="/guide/quick-start.html">
-    <p class="next-steps-link">গাইড পড়ুন</p>
-    <p class="next-steps-caption">গাইড আপনাকে সম্পূর্ণ বিশদে ফ্রেমওয়ার্কের প্রতিটি দিক দিয়ে চলে।</p>
+    <p class="next-steps-link">গাইড পড়ুন</p>
+    <p class="next-steps-caption">গাইড আপনাকে সম্পূর্ণ বিশদে ফ্রেমওয়ার্কের প্রতিটি দিক দিয়ে চলে।</p>
   </a>
   <a class="vt-box" href="/examples/">
     <p class="next-steps-link">উদাহরণ দেখুন</p>