From c037afae015e8f9825c16adca5964dc64fa0c47d Mon Sep 17 00:00:00 2001 From: Randall Wilk Date: Mon, 28 May 2018 01:00:28 -0500 Subject: [PATCH] Update README, add screenshot to README --- README.md | 9 +++++++++ screenshot.png | Bin 0 -> 10139 bytes 2 files changed, 9 insertions(+) create mode 100644 screenshot.png diff --git a/README.md b/README.md index 598ae8b..0a3c18b 100644 --- a/README.md +++ b/README.md @@ -2,6 +2,9 @@ [![npm](https://img.shields.io/npm/v/vue-context.svg)](https://www.npmjs.org/package/vue-context) [![npm](https://img.shields.io/npm/dt/vue-context.svg)](https://www.npmjs.org/package/vue-context) + + + A simple yet flexible context menu for Vue. It is styled for the standard `ul` tag, but any menu template can be used. The only dependency this package has is Vue, @@ -11,6 +14,12 @@ can easily be overridden. The menu disappears when you expect by using the `onblur` event and it also disappears when clicked on. +![Screenshot](screenshot.png) + +## Demo + +[Demo site](https://rawilk.github.io/vue-context) + ## Note The API has changed. Check [v2.0.1 documentation](https://github.com/rawilk/vue-context/blob/master/docs/2.0.1.md) if you use the old version. diff --git a/screenshot.png b/screenshot.png new file mode 100644 index 0000000000000000000000000000000000000000..e9694900d4ef5c7390481f3a377846cfb264f158 GIT binary patch literal 10139 zcmch72UL^W+9ry^Q4r+NrHORu()$qvq)X@>q=a52bg+R)F9DRQKr0}^w2QS8ohYS($Mki$$n?-cdb9@Xb`g`w={#wBdJ<#;~&46vTEi+HB8w*tcjhi zpRZpe`_g#P|MJ~%h+E!gM|wI)*no$2#o_{pSJ~Jlo~!1d_Q~zJhVG8zNW;HucMg4r zMa0OxipZHGmPbSPg5|&?-;U0P^8Bo(1I;RpZvYY#9SvGsk`eyMs%~Eaem?khvHmWq z|LY>he8=bV@?RTc1;x5KPv_kTeRF@JP!cZVg&#iLRZ>zK6EC6aVwE`z#U4)|l%ja{ z_V=kO3Ef0K2L}i1=E(XVZH&bVw*^Y~gRj-9kH{Ms=2QHBjGrYyB$(tT#k^kxJ#&Jpk57pFx2nX#Xu;@{vYK1zpv)sY7LH4 zkXYM`Zn!0wFG(_)$b6%;K%T-jkBph?;|+)zg6BWDvj#>=(Q-vb-vNd_ulEwS z*PD-`F;KBKGEjp$Cq;78${7>R=es*o_l$u7)a-rBeLhn|s|F~idZ9;2a)jF44uTgE z9tC49I6gi4h)6%S7?V1CcS~D zLm45_P2O3c*o>Ih1{uwF<-X>_O;E$2L^%%l+RTs{9r|)Ih@?sNy_b_ldf}>0quY}e z&E=XR7MWW`SLitSUTC&vz~UPi9?;K-rG%!mRk^C*#+54<)0kg8eQ;~5elW4DrIi~Z z2S`EG)~atcPYwR04JAp+TtWkLb)uDH6mC&fiEn)~h5#fe$dPBeOX zEgwrOW)w`NTq@h^!o%)ZJEzEun$|j6;CVsKLe2LkLGJAtv^lkWM)w6wJg1#`MCU&% zr`%i>k}}t{77|}WfBTs(5NM{WYw0+9VIQa^3&>z=$uK!%AlkKa9V5?iG<*tL%Pmz- zHHH~G37ul7J6>kMcuX96DB50p$%s$$(V~;(E>F6C!^fP+FaLE3GO$=xQ`2yMo|m)` z$K$j6mwlwDU9$c8O{;g#74GtPT?wlk8QSR19VAy1Bq2|%W8ikuQii`1OBcw5mpac~ ztMO_&SDoFfY?G}X3*w?A^lxQsohex2=@(*l*CHa7aEt^U6kQ2`P*@umI(__F_i-i0 zeoFS6DZ8ffW6(o`S6oK-m$r7ku9mDlfK~ddn?=^*EnC08ukV6N$~g*72)u$|M|ku- zZ#9W_ewT$+I$F5EezAxUCgPBYNnKD*jS=jR6tcJqXk2rvJqMVm)F-cx$iE4r;VH<~ z#BmmEuwH@kW-ax2HM{6}MR%0{P5u#bV4LBBwh`*!U@R;2S6x>7J)Wv>$dhr`AuY1_ zAbzNem!^p$B&xC;&dFa7;+Lg9JYj|;4USYj)=}ydzDqDHTd^{?5M+>J`X7#}@g9k5 z*B#%wN_xZGS?}_>1w!o{V_CSHBxWe3G_tzF-G~jO*puqhrAHI8rN`JcLh9`s4j;Ya z)Cx0hm~*y~<1A`bb(Am#kxkz4KTv6#V`)qlT781xQ1|^TId4)V8{qi3X$K+xWPO(} zWXc5`9W7|}^O8lKum>a28I!KG-58tx{7 zME|7||2u1F+Gh)K9r{7#!eqYf=vQgZYyl;U-EJQF;TPx+U+eSs%b6=nH_$YP$1r&? zfzC-N9Ur{{1b)5`20W%!)xp^EzUTpi2rC@QnRVw7f|Qb=5g?=WAS_QU{(n8f_eu7N z8g)ppYV2oU{!T*yn0e-d{6~X`!t5t=$Rtr4WN%dcGb3P9*!b*)6=7FamPJ%z)Ongz z!Q$w?xBTL$sb~_ylcj&jw>I*KyBL)jntEE8j)PL%^R7-KAgX4eDVF0?<|$5DEbBGT z)y=R!>vD^|By&Qc&Z%!?1f%qOW>(Vc40|Ba7vyWWuZ9EH$-lvJW(@^2y0y@)#CZch zuFuiUe+u%y+3T;UOMmxHx0kjc<=GZ93IB9@O zm5-51Sn5H^Kx&;m^VBThmYg0pxtd^$3}sZw8~k4^7&V&8^(Qd%i9z}(cYJ3|KT8#x z%XOs)nCIMjW~cdt>K6oAWoGV|cg8p;lPc9u9Fw9_~d6sF(<33h9IG4~0N zx;$$OEWarA>1knUOnuG${xFW#qOob=h0ngDJxqM?F6p1D&(xO3IY@~uO|9&l9Lu`f z^dIikk#o(Ek6=p)4*J%h-Rl!V@`U$&S>3*tzMmKFreoMx z()>VEQ%!mg3185@$jjGcQpG6~v7&ZkjN6AroYamai+@SMqk!#axFz<80H3~*j`rpX zGx4va3mAH;m&95_hX;_1#*;y69vw3DnT8eG8xI_Wk_w`m1HI{lx3}ASzB{TOlnPM2 zuk}svr4Ek@^#`8vd?`p4gM61k$6XBqSHpLB%SF}X4|q9z6d88V7cKRD+!mfFh|K>5fB=E+BZ!R zHw^VHo3t8R&{%>lF%;x<8D`I&piA`42HG43v}^XF1^9Y>CdB4b)wC+I@o!wZOQJY=N$&AR7H!C_q2<SzUpb`+jsG7|?!T6@ z_|?orBRkiFra~R0CGuS-$GBuew0Ry7(hz8{My1RHd03$lk|1K>xN}eL=Y{CLy+8aa zOJx6s#6y)-MubLb3$-)PM9~q`mPwsPmyif87;moC7^BXu>x0UwXy#fB_3^~$3EtDC zrsT>>R$u|3NO2YbgkE*G7Z}==x+pK=HPF{gM2Dj@8*Vl4p!Z?72~#S#$gB*NXJRcnVL35jVBdCd^H5#k4$Q>UgpH4hl23;X zHL%hS3Ng}MDIb1Xb6F#GHTUk)kNX$%*4R8i5L_eGc-faXToCH&Ib?N^v+Mn$qu4} za_x8r3R$%HgfQBavt2Y$zFaJuSX?yTtTt=kw8m~$DdgdtM_ig7rmR9#b*lDD_xydE zFL`akBBy2+IgVYqbe2zvtCi|Pm$yzD_J6U`@m!HFC@4p7oVbU6NNq^42v(BUS7-gq$^JTUG zLUmD3OWTsVwRTz z-olHE)p2(}dCW_WUEf&z8c7xgd_qH84D*5T(NPe^2$H7?$!AH8T6pL6BtJ66`q6gs zEA_UIa}XYN)WR>Q1GH+Ki=wH!)^TH|pon`KOOukOLh>mtiY+`>rv2n-bApA1CE{X! z`RB@tD$fTS6bdD^6u8p$mYPTV-FGxvhhWY2T_P$28+yJ5LpI4A9v11^wagKQVuY*$_!UO5Q@_VN@}JHw$` zysD8#wU6~YE?EORGu64ssq>ThGeZQtIS6i;{*@SvdHuSK%G(j=I!^k`hE9%7dU2sf zLF%mt#*2vH_=T#l(-n@pBm6A@TJ1QM$h5e#@#6AVihn>rz_Vw}auD~Eoke$-=Z6o2 zg3hvK{H_uc^XO)8{Q6byj_RobJghA_!-NIlVoTIf!v3#;ZKF8Ddz{4`d9$#z4dSC; zP47l$#)1BE58Yh|wN#3^>WwzOPjYR zR4lAiAwSZ4FH~97C$MWeCwWpTza4PmT}+(RVk@j!FAaxw9+=~x?QOY-R}j&E7O0%G zt4ggp)>_uNzZOws_?v6^PE~$Cc}C;gC5f zIGuzu3OG84fK5!N-Xx|(#c)C>@CT0UDRJ6TXMAsZOSp2Tj6d4LAfGr5&S=#uE7cZq zI(<=?2h(YH(=_R3U;Z@M3QMRuPFt+?N$tE`y~1+lhKF0HJY5kwA3eiOU{~#f%OJR4 z`yX5;4?`z;lIBq5vXV`~xdB-E)*l&X=Rp?jbJJ~gt69}MpG-X~_`J**^Jy$YU~iRz zMK+c;mox`IEt- z-}+3j8q0~Fa9iJ&gMnAr+G2us__+=r(^s@&UvAv6Y8Q41+e1?yQ(tEE>cvh)=^ovZ z_I5zo$j$Sd3nreFN1W^#G>2SXEy9x&KI0bc>oXQM*}+@3iI-EKofDklo0WLW%`jZjhSjB4 z+xXimlVt@n{AlXvuFRrP6ai0x8Ee4{nUF65!iVV;{&eN=kzDIz8>TmNCa6k2FN6up zenOjQ$;QXhi8M*KX&1PcEt+M72YQ@qjnDQSd>j^vt#D>Z!aL}DYi*`2hb@lVRgTC} z0S{g$XOrw@vf1sDN&OQ=R4;#b4slV5?rlra4f8e4WTiSClE5Wr*x2SOeA!*yEW0CW zX@J)V>EXwhNei4^*Nv{+tk~VlWb)TPAG(ozcy*$EWnyv;ZbZ)ftw*@IxrJxp82fy~ zB_-4_neVZS$1Xah3Es)Z z3<**fM@;NrmfI*b>v{ePh4_U`-q`KpqHjIGme#fvOSSn0wo01&dx1*Mjg;5}bT&)R z_cqivv%p$rgz8k$v9@=C4f2#bm7wDv1_HI-Qu#e#N9ArK5BR1jY##>Ab~BDa0^Nl`_K-Np)L z*%x1kX9z;a>1?k?i3+cMHEClDoJLXSSKkoG6ni-P@9F2HsW+jL3Tko zB?K0zqv=OKTp@!oZhT1%-4^dl*{g^j-cE`nPz7t|D6m7|z-}z)p8W%U7(h9}?(du- zGvA2%RKYlBC3}vYk|DkbD@n{?^V7AoD4RK<-PBNhf*>MMK@TvYv!;B*4_=ovadA)7 zXk=YZJxN1MuQDseWTf-(TB%YN(@dJIGjah;B1k7CG3{{3SS78qs|nzN=k#@5rzNV! zd-~Qh>g?V7HT%T?G{n*fT%PNxdk5#+M-QUsW-#mcu!(|USAsHkyj%PGHUi*%J3G64 zUv7XM)=q&b@|&0T1#xg249x4-Xy4bcev-~huRN(=NB1WEPW>IN^WZdM1gD|f``)w( z1M;pPzzI?*65`M5upbojBSkRHT2BK4@_YtZkbvK2U7(Dl50Kie25b`!VtrtruH5!+})4Uqvy*cTT_ct+K>rUR4`>oKZ6u5Q*wE0pa zyIk`{DP={t0H^JIgM+v& zTSo-qyQ7Q@$f=^y8SHjRl)3=j{i7~N3AoRS^b2y9evs80u(StD4BufS$FSU*fyJ6S|)3Z&b}QN+SWx)4>s~u#$nl<#Y1b zYu6PTtKcDbXwsuL8lTO=a^d`CMAGBA&ghrANlNF|#MVko&Vo(d`HNrBGheCq#_b<< zl*=u|qz*`{jXXmwJ==GZ{X^yyN80h+XGzTw`?-*|kua|cWAioZfQX&7h?2u$R#P60 z`TCW$qE^1#gHzJ$MKevwV<(OoWr)CSzj37Ue%44U2wcFm0;z=A4#(i?r?;#5WrZqF zS5_4A&Bk_Bo2&^5Fk6*v#@@@~(^5QSs#3>nA47|W!;9K>Mw=#YXYsfK-Yq z9PMnwX(RACo2NYzOiCGr9J`K6M@#O9q{ktOVTaA6xqX4?j!T{`8!L7Vsdd9pb8keb z`79=<*Gni6|H{8;BxPG_3&~A7DW`Y8HJwJO5>bzVHB6#4+OZ#So%tx-ML>*Q7={K` zp;-GgHWWo06g3U9Zm=pEI#xYymlq{)h5$$e_gYxM`f({oL8#Bz07c9zrk7YQyjJ{4 zmQzH_q7UNLceCkHMbo65rYhfvW{_9;k|k9(Zbl)hKSdl}#yO#o^9!-7udX@0^m*@Q z1b%lR#k-QmcbcWg1!v&(S@5B3;AJ7Q5gR|O-Ut>pmNbmEX|*~(wJnE4r)E*p*+@(( zeUDO=(&C|PC>ve7%l*R`Cbf0$*07{tlujJ5kSfme*TIc+U zLTUcd+KTx?yvz{ND* zg>#!Ne4EuaM(CkT(sP{a)pYv?tA{nNs3WO3z@OGw@d#`F*~O*V z*~UY-KbE`6DyVZ2mt}K~);+sa$RWLN&F^P+wz8MciO3)@StWq!4UJ@9RK>Qsd{G&l zW~?j2T|PoOGz}|l?dMB~Hiy?q%Rbmzx`d>n&gNMR^ekMWK8HL!D$AU=9!P0^nL5>S zZlC90w9%A|sH`B5_-Koo^z=OWbUK0+#w+R!w0kWrG)*g*dfU#yG*?gvP99c~WictV zV1^Yy7Dzeo@9*amFZZlp-#^(t-?y1w+Vsu4X|EC# z6!hfDlfV9Y-rnAxn3#x=iV!8-?^XYaNJC1UO>_O)+1c6HkcMo}>?}6FRRHgN3+ZOF z44y`tTyKalK8PhX2>=^mF|44`8P48Z8Nan_BqX{(B58VhT8rx(5KbQajy+Oo_NyN^ zDf4oJuRd}i2vO)xar)Nr)_cNsuU`Y8616ur(WdhB(QF`^SZfKZe>;p zOPB!^mgukb|MsFTWogw*k)wW(-xHZHG1 z4`(WZvj$QbK+9_Y3}{B8s!r@&2V-H#Bgc>VvhqN>nlzQddvD@VjJdKk(Ptyb!$I#JpL?U?q)XqYKIB|v93V>Lx+B+>KKy``$7HVP#s+{v0DJy&F3vi(D|p9xp}=`5|P%mzRt2#?2a1+73v*)$b#5XDN65VX)x zKTS+qy9ipG`;bqnXg<%XUksBvDB92IK_JIi9?aA{-Ataw;2b=`VE>V9yuTK1@F~NG z027zPYS6UBNFE@uxf)0w96mri(U9)J)@Gv z0#0jEDlrVM779BA9cx0DF0C-&YidK&(*XleKHu-}W&O7bHB!0%na`VvQwU>!B-G-5 zd#t;5JK@jtRZ|BtCDsImEDY9gC)IC6$p-&r*dpFyN`PW}X9tbOPRlXkYllxWY?i`5 zN`s!vTbCUhoEm*u;W2gINB|L_kFUu^E(nqD1h*CtgA2R%}XyoAIxYDGgbTU0ya9t+B`# zm0pU$ew&r^hwbaxOB7z3HblKTR2j?C1-4F7BZ^U?5B3`)?tanW}&7KI%g?jNML zgz=oto}LF@oZgT4GvEPsfWH+H;q$nh89%s{XELiU2%y~C*Cw4HP++{(61e116I3S&_YpCLzw;1K?^MPrva_1WBMEy4MB5ODjAD# zhoI^qF-&|+I4_SbS~Kj>CcoeFytRAYucgj&j3O>t;N96bc>W+N$Wl${WT~OLL);2| zurFj@#iDr8Gu}lRyVLr}gGBB1g**TzTbPbDJPGdAJ3Vgl?|&kn|Jx&g=e642!NGC_ z!o-j;cSpf$;Jr6A`iw|`Qv_@WcomE5KB3{ezOQ_;N=ym4>$O@QUfvDB(-8RE%}pvD zLbJ%$>f?i9spY=?M-+VdE>EnD%Z+H>eEj<@FyE3pW52J`-gH11*2xst7?BST4+pvd r?-l$Wy;GA)peTs`w^tghQVa1{R;da%^1ve0gmw*8-A7f*wlDt&QvSD{ literal 0 HcmV?d00001