algolia

@nuxtjs/algolia

وحدة Algolia لـ Nuxt

• ملاحظات الإصدار
• اقرأ الوثائق

سمات

• سهولة التكامل مع Algolia
• مواد مركبة مفيدة مثل useAlgoliaSearch وuseAsyncAlgoliaSearch
• دعم مكونات Vue Instantsearch
• يوصي بدعم Algolia
• دعم Docsearch
• دعم الفهرسة التلقائية
• دعم التخزين المؤقت للطلبات والاستجابات
• دعم لطلبات SSR

اقرأ الوثائق

معاينة

يثبت

npx nuxi@latest module add algolia

الاستخدام الأساسي

قم بإضافة متغيرات البيئة ALGOLIA_API_KEY و ALGOLIA_APPLICATION_ID إلى ملف .env.

 ALGOLIA_API_KEY = " 0fd1c4eba2d831788333e77c9d855f1d "
ALGOLIA_APPLICATION_ID = " AGN9HEEKF3 "

الآن يمكنك البدء في استخدام @nuxtjs/algolia في تطبيقك!

جانب العميل:

 < script setup lang = " ts " >
const { result, search } = useAlgoliaSearch ( ' test_index ' )

onMounted ( async () => {
  await search ({ query: ' Samsung ' })
})
</ script >

< template >
  < div >{{ result }}</ div >
</ template >

أو الاشتراكية السوفياتية:

 < script setup lang = " ts " >
const { data } = await useAsyncAlgoliaSearch ({ indexName: ' test_index ' , query: ' Samsung ' })
</ script >

< template >
  < div >{{ data }}</ div >
</ template >

تطوير

1. استنساخ هذا المستودع
2. تثبيت التبعيات باستخدام yarn install أو npm install
3. استخدم yarn dev:prepare أو npm run dev:prepare لإعداد بيئة التطوير
4. ابدأ تشغيل خادم التطوير باستخدام yarn dev أو npm run dev

رخصة

رخصة معهد ماساتشوستس للتكنولوجيا