সার্চ

Sveltepress ডিফল্ট থিম তিনটি উপায়ে আপনার সাইটে সার্চ যুক্ত করার সুবিধা দেয়:

• Algolia DocSearch — বিল্ট-ইন docsearch অপশনের মাধ্যমে
• Meilisearch — @sveltepress/meilisearch এবং search অপশনের মাধ্যমে
• কাস্টম সার্চ — search অপশনে যেকোনো Svelte কম্পোনেন্ট বা মডিউল পাথ স্ট্রিং পাঠিয়ে

Algolia DocSearch

নেভবারে Algolia DocSearch সক্রিয় করতে defaultTheme-এ docsearch কনফিগ অবজেক্ট পাঠান।

appId, apiKey এবং indexName আবশ্যিক। বাকি সব DocSearch অপশনও গ্রহণযোগ্য।

import {  } from '@sveltepress/theme-default'
import {  } from '@sveltepress/vite'
import {  } from 'vite'

export default ({
  : [
    ({
      : ({
        : {
          : 'YOUR_APP_ID',
          : 'YOUR_SEARCH_API_KEY',
          : 'YOUR_INDEX_NAME',
        },
      }),
    }),
  ],
})

Meilisearch

Meilisearch একটি ওপেন-সোর্স, সেলফ-হোস্টেড সার্চ ইঞ্জিন। @sveltepress/meilisearch প্যাকেজ এবং search অপশন ব্যবহার করে এটি সাইটে যুক্ত করুন।

ইনস্টলেশন

npm install --save @sveltepress/meilisearch

কনফিগারেশন

@sveltepress/meilisearch থেকে এক্সপোর্ট করা Search.svelte কম্পোনেন্টের পাথ search অপশনে দিন:

import {  } from '@sveltepress/theme-default'
import {  } from '@sveltepress/vite'
import {  } from 'vite'

export default ({
  : [
    ({
      : ({
        : '@sveltepress/meilisearch/Search.svelte',
      }),
    }),
  ],
})

Search.svelte কম্পোনেন্ট নিচের props গ্রহণ করে। একটি র‍্যাপার কম্পোনেন্ট তৈরি করে এই props পাঠানো যাবে।

কাস্টম সার্চ

search অপশনে সরাসরি Svelte Component পাঠানো যায়, যা দিয়ে যেকোনো সার্চ লাইব্রেরি ব্যবহার করা সম্ভব:

import {  } from '@sveltepress/theme-default'
import {  } from '@sveltepress/vite'
import {  } from 'vite'
import  from './src/components/MySearchComponent.svelte'

export default ({
  : [
    ({
      : ({
        : ,
      }),
    }),
  ],
})