From 2a3d39d3de06fa2b4c3c2dbed5c45540275bdab2 Mon Sep 17 00:00:00 2001 From: Julien Calixte Date: Sat, 18 Jul 2020 10:49:03 +0200 Subject: [PATCH] :sparkles: (pwa) add shortcut --- public/img/shortcuts/play-144x144.png | Bin 0 -> 3546 bytes public/img/shortcuts/play-192x192.png | Bin 0 -> 6971 bytes src/router/index.ts | 7 ++++--- src/views/Home.vue | 15 ++++++++++++--- vue.config.js | 13 ++++++++++++- 5 files changed, 28 insertions(+), 7 deletions(-) create mode 100644 public/img/shortcuts/play-144x144.png create mode 100644 public/img/shortcuts/play-192x192.png diff --git a/public/img/shortcuts/play-144x144.png b/public/img/shortcuts/play-144x144.png new file mode 100644 index 0000000000000000000000000000000000000000..0bce91e016cbc7d4c6a57f353e36ab71e761ffeb GIT binary patch literal 3546 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
}WK@@Wb0ZuY~Geo`NpJ;f>MA5FIX z-Dmb%zCK_tJcfb~Cn#OyDn?q$;sJAaHKk%v>?o~}gBuywxLQTh00kyEQva0MBk+XZ zc3qH{YFd$Q`yS|}#!&po7XR9!q71f44$ODgo@dk882M-8{JLE{gwwI+Vjz@Zt{6~V zxsvGW@)&5v(zT$_i&Wh-DZ(Dy{J{xrGT^v}wW@3d*yhKB9a!Fun%!25y*%YRP=^J>it$<>rj?*~ zCn;vGNDy8EeeUOFr9hCuD(^7rT zIKdNxK{wB&ovZ+S3i)!3rO?5zx2R>T?8BNM(k&-qp$8e-InP})6E3$3! zY{lOKeua1Rz#}Y+93^_iG z=w#I!ez`16B{{PpCQ}63C{W^wDnvL_A1M5(W)B#}Uk$yN_afsX3lKEG>;}=sbt|Pu z=fzHg(!Ubon+6Xj-D1A(@C}b>$wF!#LQB|kpq`vCIP75Y0ZY4xjzIiO~* zbiRIm-77=NT-fkRvHwaXdycYLCqvSJGS`63bkO}gnQpnLW=sPwNKnfE-yx?Rw1khQ zsIwnljN8N}cJ^|&Xgem_WL++DX{IyU6flH50f_u*Bu;M!dVoOJA@rVf_>IpvdPn zQfg5pv)$s6=p5$zvW?bF0JZ{3-_dD%+pvTF7nra2iH{y+d|us9p!j*vIjhik>|c;Y zzlDR^dI6$c@Blsd$G1Ig@G{QA$oq|7OeNAOzbVFzDwO_sfxSsXs!qo%_iowwY*{Hr zAYZ^&+oCh@N%#>`CGxM-oxgO07oVGV?yMPc1qv9=PdWWF+-tO=I$ZeXNCd zY*Pua#9-r(%p6Wk9uYN!7}sVxe8H>Fmnw&Q1tazG{YO$e#--e+k-A9&e2>|FOA0n4&-Xm z zd(IRw=%+DtsZ?+mEVPQ%Y7Kk;5cWDDUxP8tC`ByP#(Za>LzcwPY-jS(?{7;qG@Ztm z<=#y2wkxi7I;-m#xBTiP>mN%ZbL>qAXwf2m(RJ;yVT;cOvORi3AaR_wcDn~j*6=+D zeE3a&Jr*65ndmheGwa&PoCdxjm+S;LPtc9iEQZweCYSW=JYgY;qdz{ir{t7w)|7MyE-S>sZ!pbEpN^AHFZ5cAF3oT>ES6^ z-A%7Awe>HpeZ_V7r`!Fnt}(p#fkCoAg8jx&$4E?J>VbmFuE_oIndOV;lhT4})Bm%R z3bm(U`*`A$w)+ryzOtbqu)H^wAjdD`ccqD(ey4I+8IS9OAB?GZ;emAV3gxD^5G1JB z&)E6381mccc|Jw&k3ZhAB`_rs_>G`Vc6}h{EFe1MF8c7;S(?J*Umy{pVawf4ntcTl%F4)Pz5+f5Bs0p;IM3O#J#lQ z3xzpluaxuG9k?<1?ThbTJS>p8Z~jxTTQ({7x_$HRJl(;$RTe|zUV>_@Dd5$7eZ6UE z3wTW0EcCh)u5CtWKba=4yRlMoc8{$CJT^3w){pECQ*p12coHKChF8AAoX6~Ddbq&8 zF_6<}eLx6Rqh>gr5=WTcxm;`^*qdx#YPn7^CBNgW#{2PbY$O+<#Jl@*YGUEwSL{k* z(h3C_CP0jO*+0|R_@F1Jv)bDBGEzez^nm9ohbZvftU3cixX)Nftj;w?81WLHtLgm8 zmQNOV#R_X&9a#voSrlu}p8TGYN4EIJxNhv4ZYq^0X&@~#)}>%%_X!ijCj(zSt}Z%E zHEssGKGg;LvrRW6E4^0V_2uhIdj$62#*df)$7ciSgSn>K$m5ccVgHD;7dW^;Ya?K0 z1&?HEI-l7iFh;esa|o!Tj-lUzUo~uOjKL*5ZlwZT=SRi2oMtJcnL!HXo2b%F=lm zIqb26wu3cv0{9aAKRnLt^C^hKE@dHCVVQsPjG%P{0c?QQn}6 z=lE0+?-LaMP{fCXt7*f;J#~H7{k49s_?7t@U45%Wox>gLg^En-sbtqx2SY2Fg zOXeKs1n2aNsn|iMu|;C$R+~N?Bj!2+UwqJ^pk+rdHGQ7hhJeI=qttuE{HM8+FBaeJ zEe4)zxK4$PUfyI+x*|KCR+Kw>8EYUJbzOVwRN>dSLQgL*gq}p}QUp<%+&QoXhjsn> zQQq8Rw34ey4TU4B2vWJ5o&HP)J)H2Vj~4!!J(+E8NoR0zCSRK&7!vIeqlh528~?MA z=6lMG*4`aS%ROskiTRIAgE0fxhjUwElC+*e=(BG>w04| z6^&gRa=7g@yo-aWOOtljJ->`kK&7{fd{pdx?k`q)hZ_y&jChi!d`E>Un&-iagQZGC*_sf7;s*4x|%I(*Fxrn z8c3-j^NgmY>8avbQ|K;^+0$5`?k6{>o9%g5<}vX091_6k@I41@b(=m2nN^wW8NUCr zp18>qa=ZuY%~quw{`(j&Y`JVBmh08&d#;eUqp; zLq;CBU{z!~d>}XP`(k=-c*_x*R6&rx!;$enhXvsO!(l-V=CFY6Uy{eJSV&7)t||2J z&EZt)HKR@F@lzv%l>fWqiZHpWueA>d?XSN9kZdLz&<;;C0BX&q7J-g|q+l`P=m(U-1pj-Q)An%@e*U=CYt4IsrUDE8Ib+spm z*Inm{2;O~cP`8H?z&LVraD0pv9L49mw6WuoQow~_IoP26RUZ%xz)&)P8Nd*?|BnW5 aJGu8Im%4Y9)u#I^Mng?kwMN-4?7sk`6epno literal 0 HcmV?d00001 diff --git a/src/router/index.ts b/src/router/index.ts index 043c87b..8ff5b62 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -1,14 +1,15 @@ import Vue from 'vue' import VueRouter, { RouteConfig } from 'vue-router' -import Home from '../views/Home.vue' +import Home from '@/views/Home.vue' Vue.use(VueRouter) -const routes: Array = [ +const routes: RouteConfig[] = [ { path: '/', name: 'Home', - component: Home + component: Home, + props: (route) => ({ play: route.query.play }) } ] diff --git a/src/views/Home.vue b/src/views/Home.vue index 99106b0..20896b2 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -47,7 +47,7 @@ @play="start" @pause="pause" /> -