This is a test Vue3 site tested in CodeSandbox at https://codesandbox.io/s/github/eltorio/highcanfly-algolia-vue3
It is developped for our main website https://www.highcanfly.club
It contains a AlgoliaSearch.vue wich can be simply imported in a Vue3 / Tailwindcss 3 / Font Awesome 6 site
<algolia-search
applicationId="ABJE27440A"
searchKey="75cf07531eff71f751166e64704bacd6"
filter="type:post"
/>
import AlgoliaSearch from "@/components/AlgoliaSearch";
It needs some dependecies:
"dependencies": {
"vue": "^3.2.31",
"vue-instantsearch": "4.3.3",
"@fortawesome/fontawesome-free": "~6.0.0"
},
"devDependencies": {
"postcss": "^8.4.6",
"tailwindcss": "^3.0.23",
"vue-template-compiler": "^2.6.14"
},
my base template @CodeSandbox https://codesandbox.io/s/vue-3-2-31-tailwindcss-3-0-23-fontawesome-6template-i8o5t6
Algolia gives us a free plan for our open source project.
Thank you
Ce(tte) œuvre est mise à disposition selon les termes de la Licence Creative Commons Attribution - Partage dans les Mêmes Conditions 4.0 International.