From 8fd45a4dcf3d3cc2fa0c580f17a247f88efb2211 Mon Sep 17 00:00:00 2001 From: Dhaya <154633+dhayab@users.noreply.github.com> Date: Wed, 9 Feb 2022 09:52:37 +0100 Subject: [PATCH 1/8] docs(examples): add vue instantsearch example --- .eslintignore | 1 + examples/vue-instantsearch/.gitignore | 23 + examples/vue-instantsearch/.prettierrc | 4 + examples/vue-instantsearch/README.md | 34 + examples/vue-instantsearch/babel.config.js | 5 + examples/vue-instantsearch/capture.png | Bin 0 -> 2149910 bytes examples/vue-instantsearch/package.json | 50 + examples/vue-instantsearch/public/favicon.png | Bin 0 -> 44137 bytes examples/vue-instantsearch/public/index.html | 25 + examples/vue-instantsearch/src/App.vue | 411 +++++ examples/vue-instantsearch/src/main.js | 7 + yarn.lock | 1582 ++++++++++++++++- 12 files changed, 2090 insertions(+), 52 deletions(-) create mode 100644 examples/vue-instantsearch/.gitignore create mode 100644 examples/vue-instantsearch/.prettierrc create mode 100644 examples/vue-instantsearch/README.md create mode 100644 examples/vue-instantsearch/babel.config.js create mode 100644 examples/vue-instantsearch/capture.png create mode 100644 examples/vue-instantsearch/package.json create mode 100644 examples/vue-instantsearch/public/favicon.png create mode 100644 examples/vue-instantsearch/public/index.html create mode 100644 examples/vue-instantsearch/src/App.vue create mode 100644 examples/vue-instantsearch/src/main.js diff --git a/.eslintignore b/.eslintignore index 1c2f727ec..96454859e 100644 --- a/.eslintignore +++ b/.eslintignore @@ -6,3 +6,4 @@ dist node_modules examples/twitter-compose-with-typeahead examples/slack-with-emojis-and-commands +examples/vue-instantsearch diff --git a/examples/vue-instantsearch/.gitignore b/examples/vue-instantsearch/.gitignore new file mode 100644 index 000000000..403adbc1e --- /dev/null +++ b/examples/vue-instantsearch/.gitignore @@ -0,0 +1,23 @@ +.DS_Store +node_modules +/dist + + +# local env files +.env.local +.env.*.local + +# Log files +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* + +# Editor directories and files +.idea +.vscode +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/examples/vue-instantsearch/.prettierrc b/examples/vue-instantsearch/.prettierrc new file mode 100644 index 000000000..c1a6f6671 --- /dev/null +++ b/examples/vue-instantsearch/.prettierrc @@ -0,0 +1,4 @@ +{ + "singleQuote": true, + "trailingComma": "es5" +} diff --git a/examples/vue-instantsearch/README.md b/examples/vue-instantsearch/README.md new file mode 100644 index 000000000..d4ab7d774 --- /dev/null +++ b/examples/vue-instantsearch/README.md @@ -0,0 +1,34 @@ +# Autocomplete with Vue InstantSearch example + +This example shows how to integrate Autocomplete with [Vue InstantSearch](https://github.com/algolia/vue-instantsearch/). + +
+ +## Demo + +[Access the demo](https://codesandbox.io/s/github/algolia/autocomplete/tree/next/examples/vue-instantsearch) + +## How to run this example locally + +### 1. Clone this repository + +```sh +git clone git@github.com:algolia/autocomplete.git +``` + +### 2. Install the dependencies and run the server + +```sh +yarn +yarn workspace @algolia/autocomplete-example-vue-instantsearch dev +``` + +Alternatively, you may use npm: + +```sh +cd examples/vue-instantsearch +npm install +npm run dev +``` + +Open-GyL*PiWv*1dZxH&yr{?5R9vM
zbOp9A;^XvAv4W1q0b4G{*pKUvayagAc1@QE0`_+TndlqFNGVYi>9hV
z;(}D}ql4I{9cl>^x<2|qiMz#4)4YURu&^ZM{?g
39z1_9bEN9?$o
yHStpwhH*=C4CX=2Q`Ew74o=Xo3w
zYiGk@rB01sk`5(N@~1PNh{at{p%UF{0NU_zB)4O)eptntTLJuIRrx*qc8(GFg?NS-
zfd;^j1QR!Js!y`Ix(J&2BjH3%dyE)QJz&B6{31}?p5XQ)Y)5PO_1l=v6ltXA0-HyW
zUq#3YU&k*^qyv!|zImfd<@M5;{J}?{N*wTdKl7z@DDXl$bVEP~M(Vm~deTWW3`qIo
z+-Xc;cn0l0ofw=&WzwA)R!bhpJPG}pm!=7}^;62GY~nRa6gNkcNK`Jh^#{`-$^GEh
zXc^u7*ppfPU;@MJXU)U=n0_?pq`ZuN)@{Vg$L!sAm(eL`iYpl#51fz8PUurclHwh@
zipDq}Zp$yC38Pt%t!~&BMSV4w%Z8=NMgc^ICo%!sDABvo=gq&F(_g#;&jQbGol#kw
z+Rr)ry{u1N%_VD+Wt563bM8P2ExkP$5n6O<0nH9^;h5e3nUtJq=@c?$49&njJbo6<
zwu7hv#uRLHV(k~2WuCCT*+;JJ)nE<9HJ5jA109IeI8EyV)g02lBrB-04cxO0YBo|w
zmW`la8aDZOzIDF1Ak{+K(VW1;E(0Nfd*db#wsxO>5;I4yQrJdg
xjL0*jK4D&Qi!IArcuC{rx=j<}gjX1TR%@?GsYcge
zVJ(3EaL5h^yZGt75voAcCry7>HlMRgqmzd7+Zs{`5vmkwZ>E@t06Im@
00|}R>CW2SEtL>UW*}=YXr?ZqC_-B>
z&2;Ln#ef%d3+lH?^*&lT%KPyN_^w`QtKJf)CXa00t3=da(WbdIY=kjF2$W2s`5=~X
z
SX3Et#Ww3?0?Xq8n(XZ4=&nbtyxX9^;>N*e^orpg&HNZ*S3{%zh_n!Crp#|@QAos?_5Wx{lvTA$-84x&7
z^tR{V$I@V~yMj0C1t-NpQ`?!eVMo`uN}+Y&>sGndUJ=WUj+00#9swG=A3AP3m$xA+
zoG^Y;cFuuOWNb-zU587^8NB5Zc%0;;LdZcVZZ@^cqT0@uatF8|AkQm$g1}N^9LrUw
z`5A(R+YjS3h;Py;`(7B}U-@#C$uj6M$4VjynJsHgEN=oQYKC_e$wq_t@%C4u99tKh
zuaKqnixFXMsxyK%NwqPf)VVt;LVyZzdFxoQD|Y$FraD)WtDT{FMF
VlLqSs->PPA9~v>_*GQ_Ai-yoN~z(XpGPadWo^_F5Xt8p(Hswfm44
z1W&z;Xq#8&b@{(-3*2i`9epx&@Oj6d;;}ZSZkw5VG5*&bCs5ZEcnt=@U_YWb%d^NN
zOVoz!&G^GJ-w
z*%UirIDj-M;n$`?MQ1MnjA`d2*?6m+P?X~30s=)H;;Lf{9J2?&=#af6c_hd=Snwi=
z#zXcwwJr3DbrvWr9!5q>