From 1388e370093860433b96d72da45bac8f45846548 Mon Sep 17 00:00:00 2001 From: Adrian Hurtado Date: Thu, 9 Jul 2020 18:25:33 +0200 Subject: [PATCH] deploy --- 404.html | 35 +++++++++ android-icon-192x192.png | Bin 0 -> 4203 bytes apple-icon-114x114.png | Bin 0 -> 2637 bytes apple-icon-120x120.png | Bin 0 -> 2817 bytes apple-icon-144x144.png | Bin 0 -> 3440 bytes apple-icon-152x152.png | Bin 0 -> 3680 bytes apple-icon-180x180.png | Bin 0 -> 4792 bytes apple-icon-57x57.png | Bin 0 -> 1299 bytes apple-icon-60x60.png | Bin 0 -> 1361 bytes apple-icon-72x72.png | Bin 0 -> 1625 bytes apple-icon-76x76.png | Bin 0 -> 1733 bytes assets/css/0.styles.329138f8.css | 1 + assets/img/search.83621669.svg | 1 + assets/js/10.42ee262e.js | 1 + assets/js/11.68321962.js | 1 + assets/js/2.546eaf92.js | 1 + assets/js/3.a6d97900.js | 1 + assets/js/4.4fca55e2.js | 1 + assets/js/5.434fd850.js | 1 + assets/js/6.8171fe50.js | 1 + assets/js/7.06b26570.js | 1 + assets/js/8.45807bba.js | 1 + assets/js/9.d6931b36.js | 1 + assets/js/app.c1341413.js | 13 ++++ docs/index.html | 122 +++++++++++++++++++++++++++++++ docs/installation.html | 66 +++++++++++++++++ docs/route-param-value.html | 67 +++++++++++++++++ docs/route-query-value.html | 71 ++++++++++++++++++ docs/route-values.html | 89 ++++++++++++++++++++++ docs/routeValuesMixin.html | 88 ++++++++++++++++++++++ favicon-16x16.png | Bin 0 -> 421 bytes favicon-32x32.png | Bin 0 -> 854 bytes favicon-96x96.png | Bin 0 -> 2148 bytes index.html | 50 +++++++++++++ logo.png | Bin 0 -> 3451 bytes 35 files changed, 613 insertions(+) create mode 100644 404.html create mode 100644 android-icon-192x192.png create mode 100644 apple-icon-114x114.png create mode 100644 apple-icon-120x120.png create mode 100644 apple-icon-144x144.png create mode 100644 apple-icon-152x152.png create mode 100644 apple-icon-180x180.png create mode 100644 apple-icon-57x57.png create mode 100644 apple-icon-60x60.png create mode 100644 apple-icon-72x72.png create mode 100644 apple-icon-76x76.png create mode 100644 assets/css/0.styles.329138f8.css create mode 100644 assets/img/search.83621669.svg create mode 100644 assets/js/10.42ee262e.js create mode 100644 assets/js/11.68321962.js create mode 100644 assets/js/2.546eaf92.js create mode 100644 assets/js/3.a6d97900.js create mode 100644 assets/js/4.4fca55e2.js create mode 100644 assets/js/5.434fd850.js create mode 100644 assets/js/6.8171fe50.js create mode 100644 assets/js/7.06b26570.js create mode 100644 assets/js/8.45807bba.js create mode 100644 assets/js/9.d6931b36.js create mode 100644 assets/js/app.c1341413.js create mode 100644 docs/index.html create mode 100644 docs/installation.html create mode 100644 docs/route-param-value.html create mode 100644 docs/route-query-value.html create mode 100644 docs/route-values.html create mode 100644 docs/routeValuesMixin.html create mode 100644 favicon-16x16.png create mode 100644 favicon-32x32.png create mode 100644 favicon-96x96.png create mode 100644 index.html create mode 100644 logo.png diff --git a/404.html b/404.html new file mode 100644 index 0000000..dd279ed --- /dev/null +++ b/404.html @@ -0,0 +1,35 @@ + + + + + + Vue Route Values + + + + + + + + + + + + + + + + + + + + + + + +

404

There's nothing here.
+ Take me home. +
+ + + diff --git a/android-icon-192x192.png b/android-icon-192x192.png new file mode 100644 index 0000000000000000000000000000000000000000..9d1d5fe05951a9300043874de2239ec9085d42f0 GIT binary patch literal 4203 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 literal 0 HcmV?d00001 diff --git a/apple-icon-120x120.png b/apple-icon-120x120.png new file mode 100644 index 0000000000000000000000000000000000000000..983cb6b7aaf50e895e1b7627a906b83783a5745d GIT binary patch literal 2817 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 literal 0 HcmV?d00001 diff --git a/apple-icon-152x152.png b/apple-icon-152x152.png new file mode 100644 index 0000000000000000000000000000000000000000..a0b6ec6dc232c0cbea31950e177cf20c933df8f7 GIT binary patch literal 3680 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 K(<)>4*#7_%Un8^t literal 0 HcmV?d00001 diff --git a/apple-icon-180x180.png b/apple-icon-180x180.png new file mode 100644 index 0000000000000000000000000000000000000000..997e6156ea9052facf8b4e76e22efae08b563cb6 GIT binary patch literal 4792 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 KjcUm4nEwG4-#JPE literal 0 HcmV?d00001 diff --git a/apple-icon-57x57.png b/apple-icon-57x57.png new file mode 100644 index 0000000000000000000000000000000000000000..0ec32b3fc4c2f72f01629c3ea088ef92f384d826 GIT binary patch literal 1299 zcmV+u1?>8XP))Ex(d{vwojE#a-Urk%G#;poLOt z)d}e;)Vkng1bNT6@R?!{yJ{5SQS)T0?B#}q2q{D}4{PJ>GxL)yP~~4+EJ~h?B<~sb z=)ey4RDxgud`^{4G8=wY6lGi4-KB5bKwX5Mv&H3xqixaWy%0t0U{588|CwXu%ySF_ z4SSVnW|`8#r72lmA-c<=(c)-Z^m*?ii2f{-JE&3Ii~sQOZ4T};d>}7E9h<6)(5JS@ zJbYlWsqrvYH0+R4$~;?yD%O%dTZ`WCbd~E|LMwcx=taL8Mf`0T zvemoBu#w3MGWBmsq=ZGN>Myo^>qsj^9=+&Su@S#R_q0U}|41oiX*ZXyPCX@>dyU{G zT2Br-!5l^kg30P9+GY;%{94P@ZA`C#RH#^@V5( zDWgICkd%Rc&&209jD2la!)__1OlhIQ&9lxaXKC8ZpnGMJ|l z1nclCq01x%4S!21WtpXvx}+32ipVohC5aye6QdS%fnlN=%`9Urr4*~?Bg!~($cIF6 zBK{;+(d$XW*ODWvd$yLpOIvMag6PYilFm5KH;k8@*D)TwNykFp*Z!D5 z1kv+ka&hrh-vpm zRBn{yG5i@w@K5GN>DtVBhB1L8$1pEy_k$iad@d6F9QmkTglc2hm3JE{7rQj>eT`&7TW-P6fpU02uD$*w*(?z4%pnJ+i(vsv#;nl}qinYY>AgJ*8G z_Yfb3&fGLKYWDK3@vw)ze)fqWJb4~55gRcoY=YoZjMt6Ve7UymwP<19YkLox@tQgH zv5G=sA~uEB(Td<<#z%(d%T4=uJx{3dLSyH6=Fl_89W!j! zW8ragH&w;5mOXxU@l6apPpcy)VpBllFa$4S94T#r8}{+K)fMAd;Wx`zORS)92|ux{ zVJ&+EyB0%{*XQ~+RV*BdR(v6P2je9*%e^jW^ukl-t66?GGZ{e5+#7GO?qYypnMNixsRSc+rx4HOoI)z<>K`_1vdwar;}n zJ^NY7F23-o#)lR(`86Uj<4w6tol)3lBhA9oP+9Cpz2#uI^RAl;sr6SW8E@frtDEXjjEu|!?Vt+#eTGV!PQ{yrD z0K2%!i_BW6{BdSy z`~Iu1@y>q`%brLOKX_Zx*xzNI&06-bH~SRn#|*Uvi;%d=sf>5JXvj8i)h%(LY>+h@vA-x6}^#hzgxc?e9?1^AAtK{tI@|n*Fhpbm{_8I26f TfzBT`00000NkvXXu0mjfOChfS literal 0 HcmV?d00001 diff --git a/apple-icon-72x72.png b/apple-icon-72x72.png new file mode 100644 index 0000000000000000000000000000000000000000..7dda937b24f25bc7c2d6dd25ee05b4ff01e24eec GIT binary patch literal 1625 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 bKm6l&faN;c!6n#p00000NkvXXu0mjfxg2z8 literal 0 HcmV?d00001 diff --git a/assets/css/0.styles.329138f8.css b/assets/css/0.styles.329138f8.css new file mode 100644 index 0000000..0bdcef6 --- /dev/null +++ b/assets/css/0.styles.329138f8.css @@ -0,0 +1 @@ +.medium-zoom-overlay{z-index:100}.medium-zoom-overlay~img{z-index:101}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.theme-default-content code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,.05);border-radius:3px}.theme-default-content code .token.deleted{color:#ec5975}.theme-default-content code .token.inserted{color:#3eaf7c}.theme-default-content pre,.theme-default-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}.theme-default-content pre[class*=language-] code,.theme-default-content pre code{color:#fff;padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:#282c34;border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;-ms-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.66)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:hsla(0,0%,100%,.4)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:3.5rem;height:100%;background-color:rgba(0,0,0,.66)}div[class*=language-].line-numbers-mode pre{padding-left:4.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:3.5rem;text-align:center;color:hsla(0,0%,100%,.3);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,.66);background-color:#282c34}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:-.4rem}.custom-block.danger,.custom-block.tip,.custom-block.warning{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983}.custom-block.warning{background-color:rgba(255,229,100,.3);border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:#2c3e50}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:#2c3e50}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1.6em 0;padding:1.6em;background-color:#eee}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-default-content:not(.custom){max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.theme-default-content:not(.custom){padding:2rem}}@media (max-width:419px){.theme-default-content:not(.custom){padding:1.5rem}}.table-of-contents .badge{vertical-align:middle}body,html{padding:0;margin:0;background-color:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#2c3e50}.page{padding-left:20rem}.navbar{z-index:20;right:0;height:3.6rem;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #eaecef}.navbar,.sidebar-mask{position:fixed;top:0;left:0}.sidebar-mask{z-index:9;width:100vw;height:100vh;display:none}.sidebar{font-size:16px;background-color:#fff;width:20rem;position:fixed;z-index:10;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid #eaecef;overflow-y:auto}.theme-default-content:not(.custom)>:first-child{margin-top:3.6rem}.theme-default-content:not(.custom) a:hover{text-decoration:underline}.theme-default-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-default-content:not(.custom) img{max-width:100%}.theme-default-content.custom{padding:0;margin:0}.theme-default-content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#3eaf7c}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;color:#999;border-left:.2rem solid #dfe2e5;margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-default-content:not(.custom)>h1,.theme-default-content:not(.custom)>h2,.theme-default-content:not(.custom)>h3,.theme-default-content:not(.custom)>h4,.theme-default-content:not(.custom)>h5,.theme-default-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-default-content:not(.custom)>h1:first-child,.theme-default-content:not(.custom)>h2:first-child,.theme-default-content:not(.custom)>h3:first-child,.theme-default-content:not(.custom)>h4:first-child,.theme-default-content:not(.custom)>h5:first-child,.theme-default-content:not(.custom)>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.theme-default-content:not(.custom)>h1:first-child+.custom-block,.theme-default-content:not(.custom)>h1:first-child+p,.theme-default-content:not(.custom)>h1:first-child+pre,.theme-default-content:not(.custom)>h2:first-child+.custom-block,.theme-default-content:not(.custom)>h2:first-child+p,.theme-default-content:not(.custom)>h2:first-child+pre,.theme-default-content:not(.custom)>h3:first-child+.custom-block,.theme-default-content:not(.custom)>h3:first-child+p,.theme-default-content:not(.custom)>h3:first-child+pre,.theme-default-content:not(.custom)>h4:first-child+.custom-block,.theme-default-content:not(.custom)>h4:first-child+p,.theme-default-content:not(.custom)>h4:first-child+pre,.theme-default-content:not(.custom)>h5:first-child+.custom-block,.theme-default-content:not(.custom)>h5:first-child+p,.theme-default-content:not(.custom)>h5:first-child+pre,.theme-default-content:not(.custom)>h6:first-child+.custom-block,.theme-default-content:not(.custom)>h6:first-child+p,.theme-default-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid #eaecef}h3{font-size:1.35rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid #eaecef}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}tr{border-top:1px solid #dfe2e5}tr:nth-child(2n){background-color:#f6f8fa}td,th{border:1px solid #dfe2e5;padding:.6em 1em}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-default-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px;width:16.4rem}.page{padding-left:16.4rem}}@media (max-width:719px){.sidebar{top:0;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-default-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}.home .hero img{max-width:450px!important}.demo{margin:1rem 0;padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.demo-with-actions{display:flex;justify-content:space-between;align-items:center}.demo-with-actions .demo-actions{display:flex;align-items:center;margin-left:50px}.demo-with-actions .demo-actions a{font-size:14px;cursor:pointer}.demo-with-actions .demo-actions a+a{margin-left:25px}#nprogress{pointer-events:none}#nprogress .bar{background:#3eaf7c;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #3eaf7c,0 0 5px #3eaf7c;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#3eaf7c transparent transparent #3eaf7c;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.go-to-top[data-v-5fd4ef0c]{cursor:pointer;position:fixed;bottom:2rem;right:2.5rem;width:2rem;color:#3eaf7c;z-index:1}.go-to-top[data-v-5fd4ef0c]:hover{color:#72cda4}@media (max-width:959px){.go-to-top[data-v-5fd4ef0c]{display:none}}.fade-enter-active[data-v-5fd4ef0c],.fade-leave-active[data-v-5fd4ef0c]{transition:opacity .3s}.fade-enter[data-v-5fd4ef0c],.fade-leave-to[data-v-5fd4ef0c]{opacity:0}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.home{padding:3.6rem 2rem 0;max-width:960px;margin:0 auto;display:block}.home .hero{text-align:center}.home .hero img{max-width:100%;max-height:280px;display:block;margin:3rem auto 1.5rem}.home .hero h1{font-size:3rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#6a8bad}.home .hero .action-button{display:inline-block;font-size:1.2rem;color:#fff;background-color:#3eaf7c;padding:.8rem 1.6rem;border-radius:4px;transition:background-color .1s ease;box-sizing:border-box;border-bottom:1px solid #389d70}.home .hero .action-button:hover{background-color:#4abf8a}.home .features{border-top:1px solid #eaecef;padding:1.2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:#3a5169}.home .feature p{color:#4e6e8e}.home .footer{padding:2.5rem;border-top:1px solid #eaecef;text-align:center;color:#4e6e8e}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero h1{font-size:2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .description{font-size:1.2rem}.home .hero .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/vue-route-values/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#3eaf7c}.search-box .suggestions{background:#fff;width:20rem;position:absolute;top:2rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{white-space:normal;color:#5d82a6}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused{background-color:#f3f4f5}.search-box .suggestion.focused a{color:#3eaf7c}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:#2c3e50}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid #eee;padding:.45rem 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#3eaf7c}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #3eaf7c;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{font-weight:600;font-size:inherit}.dropdown-wrapper .dropdown-title:hover{color:#3eaf7c}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper.open:blur{display:none}.dropdown-wrapper .dropdown-title .arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #ccc;border-bottom:0}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:#fff;padding:.6rem 0;border:1px solid;border-color:#ddd #ddd #ccc;text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#3eaf7c}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:#2c3e50}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #46bd87}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:#2c3e50;position:relative}.navbar .links{padding-left:1.5rem;box-sizing:border-box;background-color:#fff;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:flex}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-edit{padding:2rem}}@media (max-width:419px){.page-edit{padding:1.5rem}}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block}.page-edit .edit-link a{color:#4e6e8e;margin-right:.25rem}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:#4e6e8e}.page-edit .last-updated .time{font-weight:400;color:#aaa}@media (max-width:719px){.page-edit .edit-link{margin-bottom:.5rem}.page-edit .last-updated{font-size:.8em;float:none;text-align:left}}.page-nav{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-nav{padding:2rem}}@media (max-width:419px){.page-nav{padding:1.5rem}}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid #eaecef;padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page{padding-bottom:2rem;display:block}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:.95em;line-height:1.4;font-weight:400;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-heading:not(.clickable){opacity:.5}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.95em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:#2c3e50;transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#3eaf7c;border-left-color:#3eaf7c}.sidebar-heading.clickable:hover{color:#3eaf7c}.sidebar-group-items{transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:#2c3e50;border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#3eaf7c}a.sidebar-link.active{font-weight:600;color:#3eaf7c;border-left-color:#3eaf7c}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid #eaecef;padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:1.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}@media (max-width:719px){.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.badge[data-v-15b7b770]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-15b7b770],.badge.tip[data-v-15b7b770],.badge[data-v-15b7b770]{background-color:#42b983}.badge.error[data-v-15b7b770]{background-color:#da5961}.badge.warn[data-v-15b7b770],.badge.warning[data-v-15b7b770],.badge.yellow[data-v-15b7b770]{background-color:#e7c000}.badge+.badge[data-v-15b7b770]{margin-left:5px} \ No newline at end of file diff --git a/assets/img/search.83621669.svg b/assets/img/search.83621669.svg new file mode 100644 index 0000000..03d8391 --- /dev/null +++ b/assets/img/search.83621669.svg @@ -0,0 +1 @@ + diff --git a/assets/js/10.42ee262e.js b/assets/js/10.42ee262e.js new file mode 100644 index 0000000..f007c65 --- /dev/null +++ b/assets/js/10.42ee262e.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{360:function(t,e,a){"use strict";a.r(e);var s=a(25),n=Object(s.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"routevalues"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#routevalues"}},[t._v("#")]),t._v(" ")]),t._v(" "),a("p",[t._v("Component that allows you to manage multiple "),a("em",[t._v("route param and query values")]),t._v(".")]),t._v(" "),a("p",[t._v("For example, for URL "),a("code",[t._v("https://yourweb.com/user/adrianhurt/friends?page=2")]),t._v(", having a the route config "),a("code",[t._v("{ path: '/user/:username/friends' }")]),t._v(", you will be able to easily manage the "),a("code",[t._v("username")]),t._v(" "),a("em",[t._v("route param value")]),t._v(" and "),a("code",[t._v("page")]),t._v(" "),a("em",[t._v("route query value")]),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"props"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#props"}},[t._v("#")]),t._v(" Props")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Props")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("strong",[a("code",[t._v("optsByName")])])]),t._v(" "),a("td",[t._v("Object")]),t._v(" "),a("td",[a("em",[t._v("Required")])]),t._v(" "),a("td",[t._v("Object where each key is the a name of a managed value you want and its value is an "),a("em",[t._v("OPTIONS")]),t._v(" object that determines its configuration and behaviour.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("keepsQuery")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" if you want to keep any previous route query param into the new navigation. It's used only as a fallback if the corresponding value's "),a("code",[t._v("keepsQuery")]),t._v(" is not present.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("affectsHistory")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" if you want to use "),a("code",[t._v("$router.push")]),t._v(". "),a("code",[t._v("false")]),t._v(" for "),a("code",[t._v("$router.replace")]),t._v(". It's used only as a fallback if the corresponding value's "),a("code",[t._v("keepsQuery")]),t._v(" is not present.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("navigationInterceptor(params)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("It's called when a new navigation should be place instead of using the default behaviour. The "),a("code",[t._v("params")]),t._v(" is an object with "),a("code",[t._v("{ router, route, name, newValue, encodedValue, options }")]),t._v(" where in options appears all the component's props. It's used only as a fallback if the corresponding value's "),a("code",[t._v("keepsQuery")]),t._v(" is not present.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("disabled")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" for disable any value mutation.")])])])]),t._v(" "),a("p",[a("code",[t._v("optsByName")]),t._v(" is an object to declare every value you want to manage. Each "),a("em",[t._v("key")]),t._v(" is the name of the value you want to manage and its value is an "),a("em",[t._v("OPTIONS")]),t._v(" object that determines its configuration and behaviour.\nAs you can see, the "),a("em",[t._v("OPTIONS")]),t._v(" object is very similar than the regular props of "),a("code",[t._v("RouteParamValue")]),t._v(" and "),a("code",[t._v("RouteQueryValue")]),t._v(".")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[a("em",[t._v("OPTIONS")]),t._v(" fields")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("strong",[a("code",[t._v("where")])])]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("code",[t._v('"query"')])]),t._v(" "),a("td",[t._v("It could be "),a("code",[t._v('"params"')]),t._v(" or "),a("code",[t._v('"query"')]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("urlName")])])]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("key's name")]),t._v(" "),a("td",[t._v("The name of the route param or query param within URL. By default it uses the corresponding "),a("em",[t._v("key's")]),t._v(" name (i.e. the param's name).")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("defaultValue")])])]),t._v(" "),a("td",[a("em",[t._v("any")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("The default value. If current "),a("code",[t._v("value")]),t._v(" is equal to "),a("code",[t._v("defaultValue")]),t._v(" it will be removed from the URL.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("type")])])]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[t._v("The value's type to automatically encode/decode from string. The possible values are "),a("code",[t._v('"string"')]),t._v(", "),a("code",[t._v('"number"')]),t._v(" or "),a("code",[t._v('"boolean"')]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("encode(value)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("The encode funtion from the route string value ("),a("code",[t._v("Any => String")]),t._v("). If it's present the "),a("code",[t._v("type")]),t._v(" prop is ignored.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("decode(stringValue)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("The decode funtion from the route string value ("),a("code",[t._v("String => Any")]),t._v("). If it's present the "),a("code",[t._v("type")]),t._v(" prop is ignored.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("keepsQuery")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" if you want to keep any previous route query param into the new navigation.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("affectsHistory")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" if you want to use "),a("code",[t._v("$router.push")]),t._v(". "),a("code",[t._v("false")]),t._v(" for "),a("code",[t._v("$router.replace")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("navigationInterceptor(params)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("It's called when a new navigation should be place instead of using the default behaviour. The "),a("code",[t._v("params")]),t._v(" is an object with "),a("code",[t._v("{ router, route, name, newValue, encodedValue, options }")]),t._v(" where in options appears all the component's props.")])])])]),t._v(" "),a("h2",{attrs:{id:"scoped-props-default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#scoped-props-default-slot"}},[t._v("#")]),t._v(" Scoped props (default slot)")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Scoped props")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("strong",[t._v("Each name")])]),t._v(" "),a("td",[a("em",[t._v("any")])]),t._v(" "),a("td",[t._v("Every value declared on "),a("code",[t._v("optsByName")]),t._v(" will output here its corresponding current value with it's name.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("disabled")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("The current disabled value.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("set(name, newValue)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("Sets a new value for the corresponding name and returns it. Only if its not disabled.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("resetToDefault(name)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("Resets the value for the corresponding name with the default one. Only if its not disabled.")])])])]),t._v(" "),a("h2",{attrs:{id:"events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Events")]),t._v(" "),a("th",[t._v("Arguments")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("strong",[a("code",[t._v("change")])])]),t._v(" "),a("td",[a("code",[t._v("(newValues, oldValues)")])]),t._v(" "),a("td",[t._v("Emitted when any value changes.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("change-value")])])]),t._v(" "),a("td",[a("code",[t._v("(name, newValue, oldValue)")])]),t._v(" "),a("td",[t._v("Emitted when the corresnponding value changes.")])])])]),t._v(" "),a("h2",{attrs:{id:"example"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example"}},[t._v("#")]),t._v(" Example")]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("div",{staticClass:"highlight-lines"},[a("br"),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("br"),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("br"),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("br"),a("br"),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("br"),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("br"),a("br"),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br")]),a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("RouteValues")]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":optsByName")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("{\n\t\t\tslug: {\n\t\t\t\twhere: 'params',\n\t\t\t},\n\t\t\tpage: {\n\t\t\t\ttype: 'number',\n\t\t\t\tdefaultValue: 1,\n\t\t\t},\n\t\t\tsort: {\n\t\t\t\tdefaultValue: 'option1',\n\t\t\t},\n\t\t}"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("#default")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("{ slug, page, sort, set }"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("flex-row"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t\t\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Slug: "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("b")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("{{ slug }}"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\t\t\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Paginator")]),t._v("\n\t\t\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("page"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@input")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("set('page', $event)"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n\t\t\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("SelectInput")]),t._v("\n\t\t\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sort"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":options")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sortOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@input")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("set('sort', $event)"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" RouteValues "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'vue-route-values'")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n\tcomponents"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" RouteValues "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"live-examples"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#live-examples"}},[t._v("#")]),t._v(" Live examples")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://adrianhurt.github.io/vue-route-values-examples/route-values/foo-slug",target:"_blank",rel:"noopener noreferrer"}},[t._v("Check here to see it in action"),a("OutboundLink")],1),t._v(".")])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/11.68321962.js b/assets/js/11.68321962.js new file mode 100644 index 0000000..e6d180d --- /dev/null +++ b/assets/js/11.68321962.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{361:function(t,a,s){"use strict";s.r(a);var n=s(25),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"routevaluesmixin"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#routevaluesmixin"}},[t._v("#")]),t._v(" routeValuesMixin")]),t._v(" "),s("p",[t._v("Mixin —indeed, it's a "),s("em",[t._v("mixin factory")]),t._v("— that allows you to manage multiple "),s("em",[t._v("route param and query values")]),t._v(".")]),t._v(" "),s("p",[t._v("For example, for URL "),s("code",[t._v("https://yourweb.com/user/adrianhurt/friends?page=2")]),t._v(", having a the route config "),s("code",[t._v("{ path: '/user/:username/friends' }")]),t._v(", you will be able to easily manage the "),s("code",[t._v("username")]),t._v(" "),s("em",[t._v("route param value")]),t._v(" and "),s("code",[t._v("page")]),t._v(" "),s("em",[t._v("route query value")]),t._v(".")]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" routeValuesMixin "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'vue-route-values'")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n mixins"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("routeValuesMixin")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("params"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),s("p",[s("strong",[s("code",[t._v("params")]),t._v(" is an "),s("em",[t._v("OPTIONS")]),t._v(" object or an array of them.")]),t._v(" Each "),s("em",[t._v("OPTIONS")]),t._v(" object determines the configuration and behaviour of the corresponding "),s("em",[t._v("Value")]),t._v(".\nAs you can see, the "),s("em",[t._v("OPTIONS")]),t._v(" object is very similar than the regular props of "),s("code",[t._v("RouteParamValue")]),t._v(" and "),s("code",[t._v("RouteQueryValue")]),t._v(", and its practically the same as "),s("code",[t._v("RouteValues")]),t._v("'s "),s("code",[t._v("optsByName")]),t._v(" prop.")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[s("em",[t._v("OPTIONS")]),t._v(" fields")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")]),t._v(" "),s("th",[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[s("strong",[s("code",[t._v("where")])])]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[s("code",[t._v('"query"')])]),t._v(" "),s("td",[t._v("It could be "),s("code",[t._v('"params"')]),t._v(" or "),s("code",[t._v('"query"')]),t._v(".")])]),t._v(" "),s("tr",[s("td",[s("strong",[s("code",[t._v("name")])])]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[s("em",[t._v("Required")])]),t._v(" "),s("td",[t._v("The name you will use for the value.")])]),t._v(" "),s("tr",[s("td",[s("strong",[s("code",[t._v("urlName")])])]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("name's value")]),t._v(" "),s("td",[t._v("The name of the route param or query param within URL. By default it uses the same as "),s("code",[t._v("name")]),t._v(".")])]),t._v(" "),s("tr",[s("td",[s("strong",[s("code",[t._v("urlName")])])]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[s("em",[t._v("Required")])]),t._v(" "),s("td",[t._v("The name of the route param or query param within URL.")])]),t._v(" "),s("tr",[s("td",[s("strong",[s("code",[t._v("defaultValue")])])]),t._v(" "),s("td",[s("em",[t._v("any")])]),t._v(" "),s("td",[s("code",[t._v("undefined")])]),t._v(" "),s("td",[t._v("The default value. If current "),s("code",[t._v("value")]),t._v(" is equal to "),s("code",[t._v("defaultValue")]),t._v(" it will be removed from the URL.")])]),t._v(" "),s("tr",[s("td",[s("strong",[s("code",[t._v("type")])])]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[t._v("The value's type to automatically encode/decode from string. The possible values are "),s("code",[t._v('"string"')]),t._v(", "),s("code",[t._v('"number"')]),t._v(" or "),s("code",[t._v('"boolean"')]),t._v(".")])]),t._v(" "),s("tr",[s("td",[s("strong",[s("code",[t._v("encode(value)")])])]),t._v(" "),s("td",[t._v("Function")]),t._v(" "),s("td",[s("code",[t._v("undefined")])]),t._v(" "),s("td",[t._v("The encode funtion from the route string value ("),s("code",[t._v("Any => String")]),t._v("). If it's present the "),s("code",[t._v("type")]),t._v(" prop is ignored.")])]),t._v(" "),s("tr",[s("td",[s("strong",[s("code",[t._v("decode(stringValue)")])])]),t._v(" "),s("td",[t._v("Function")]),t._v(" "),s("td",[s("code",[t._v("undefined")])]),t._v(" "),s("td",[t._v("The decode funtion from the route string value ("),s("code",[t._v("String => Any")]),t._v("). If it's present the "),s("code",[t._v("type")]),t._v(" prop is ignored.")])]),t._v(" "),s("tr",[s("td",[s("strong",[s("code",[t._v("keepsQuery")])])]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[s("code",[t._v("false")])]),t._v(" "),s("td",[s("code",[t._v("true")]),t._v(" if you want to keep any previous route query param into the new navigation.")])]),t._v(" "),s("tr",[s("td",[s("strong",[s("code",[t._v("affectsHistory")])])]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[s("code",[t._v("true")])]),t._v(" "),s("td",[s("code",[t._v("true")]),t._v(" if you want to use "),s("code",[t._v("$router.push")]),t._v(". "),s("code",[t._v("false")]),t._v(" for "),s("code",[t._v("$router.replace")]),t._v(".")])]),t._v(" "),s("tr",[s("td",[s("strong",[s("code",[t._v("navigationInterceptor(params)")])])]),t._v(" "),s("td",[t._v("Function")]),t._v(" "),s("td",[s("code",[t._v("undefined")])]),t._v(" "),s("td",[t._v("It's called when a new navigation should be place instead of using the default behaviour. The "),s("code",[t._v("params")]),t._v(" is an object with "),s("code",[t._v("{ router, route, name, newValue, encodedValue, options }")]),t._v(" where in options appears all the component's props.")])])])]),t._v(" "),s("h2",{attrs:{id:"example"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#example"}},[t._v("#")]),t._v(" Example")]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("div",{staticClass:"highlight-lines"},[s("br"),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("br"),s("br"),s("br"),s("br"),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("br"),s("br"),s("br"),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("br"),s("br"),s("br"),s("br"),s("br"),s("br"),s("br"),s("br"),s("br")]),s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("flex-row"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Slug: "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("b")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("{{ slug }}"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Paginator")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-model")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("page"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("SelectInput")]),t._v("\n\t\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-model")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sort"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":options")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sortOptions"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" routeValuesMixin "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'vue-route-values'")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Paginator"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" SelectInput "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'./components'")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n name"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'RouteValuesMixinDemo'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n components"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Paginator"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" SelectInput "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n mixins"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("routeValuesMixin")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" where"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'params'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'slug'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" name"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'page'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" urlName"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'p'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" type"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'number'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" defaultValue"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" name"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'sort'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" urlName"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'s'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" defaultValue"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'option1'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("created")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("sortOptions "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" key"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'option1'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Option 1'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" key"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'option2'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Option 2'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" key"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'option3'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Option 3'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),s("h2",{attrs:{id:"live-examples"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#live-examples"}},[t._v("#")]),t._v(" Live examples")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://adrianhurt.github.io/vue-route-values-examples/route-query-value-mixin/foo-slug",target:"_blank",rel:"noopener noreferrer"}},[t._v("Check here to see it in action"),s("OutboundLink")],1),t._v(".")])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/assets/js/2.546eaf92.js b/assets/js/2.546eaf92.js new file mode 100644 index 0000000..c7d6c7f --- /dev/null +++ b/assets/js/2.546eaf92.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{309:function(t,e,n){"use strict";n.d(e,"d",(function(){return i})),n.d(e,"a",(function(){return a})),n.d(e,"i",(function(){return s})),n.d(e,"f",(function(){return u})),n.d(e,"g",(function(){return l})),n.d(e,"h",(function(){return c})),n.d(e,"b",(function(){return h})),n.d(e,"e",(function(){return f})),n.d(e,"k",(function(){return p})),n.d(e,"l",(function(){return d})),n.d(e,"c",(function(){return v})),n.d(e,"j",(function(){return m}));n(26),n(101),n(166),n(97),n(171),n(67),n(44),n(310),n(68),n(325),n(104);var i=/#.*$/,r=/\.(md|html)$/,a=/\/$/,s=/^[a-z]+:/i;function o(t){return decodeURI(t).replace(i,"").replace(r,"")}function u(t){return s.test(t)}function l(t){return/^mailto:/.test(t)}function c(t){return/^tel:/.test(t)}function h(t){if(u(t))return t;var e=t.match(i),n=e?e[0]:"",r=o(t);return a.test(r)?t:r+".html"+n}function f(t,e){var n=decodeURIComponent(t.hash),r=function(t){var e=t.match(i);if(e)return e[0]}(e);return(!r||n===r)&&o(t.path)===o(e)}function p(t,e,n){if(u(e))return{type:"external",path:e};n&&(e=function(t,e,n){var i=t.charAt(0);if("/"===i)return t;if("?"===i||"#"===i)return e+t;var r=e.split("/");n&&r[r.length-1]||r.pop();for(var a=t.replace(/^\//,"").split("/"),s=0;s3&&void 0!==arguments[3]?arguments[3]:1;if("string"==typeof e)return p(n,e,i);if(Array.isArray(e))return Object.assign(p(n,e[0],i),{title:e[1]});var a=e.children||[];return 0===a.length&&e.path?Object.assign(p(n,e.path,i),{title:e.title}):{type:"group",path:e.path,title:e.title,sidebarDepth:e.sidebarDepth,children:a.map((function(e){return t(e,n,i,r+1)})),collapsable:!1!==e.collapsable}}(t,r,l)})):[]}return[]}function g(t){var e=v(t.headers||[]);return[{type:"group",collapsable:!1,title:t.title,path:null,children:e.map((function(e){return{type:"auto",title:e.title,basePath:t.path,path:t.path+"#"+e.slug,children:e.children||[]}}))}]}function v(t){var e;return(t=t.map((function(t){return Object.assign({},t)}))).forEach((function(t){2===t.level?e=t:e&&(e.children||(e.children=[])).push(t)})),t.filter((function(t){return 2===t.level}))}function m(t){return Object.assign(t,{type:t.items&&t.items.length?"links":"link"})}},310:function(t,e,n){"use strict";var i=n(168),r=n(7),a=n(13),s=n(20),o=n(169),u=n(170);i("match",1,(function(t,e,n){return[function(e){var n=s(this),i=null==e?void 0:e[t];return void 0!==i?i.call(e,n):new RegExp(e)[t](String(n))},function(t){var i=n(e,t,this);if(i.done)return i.value;var s=r(t),l=String(this);if(!s.global)return u(s,l);var c=s.unicode;s.lastIndex=0;for(var h,f=[],p=0;null!==(h=u(s,l));){var d=String(h[0]);f[p]=d,""===d&&(s.lastIndex=o(l,a(s.lastIndex),c)),p++}return 0===p?null:f}]}))},311:function(t,e,n){},312:function(t,e,n){},313:function(t,e,n){},314:function(t,e,n){},315:function(t,e,n){},316:function(t,e,n){},317:function(t,e,n){},318:function(t,e,n){},319:function(t,e,n){},320:function(t,e,n){},321:function(t,e,n){},322:function(t,e,n){},323:function(t,e,n){},325:function(t,e,n){"use strict";var i=n(168),r=n(167),a=n(7),s=n(20),o=n(100),u=n(169),l=n(13),c=n(170),h=n(70),f=n(1),p=[].push,d=Math.min,g=!f((function(){return!RegExp(4294967295,"y")}));i("split",2,(function(t,e,n){var i;return i="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length?function(t,n){var i=String(s(this)),a=void 0===n?4294967295:n>>>0;if(0===a)return[];if(void 0===t)return[i];if(!r(t))return e.call(i,t,a);for(var o,u,l,c=[],f=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),d=0,g=new RegExp(t.source,f+"g");(o=h.call(g,i))&&!((u=g.lastIndex)>d&&(c.push(i.slice(d,o.index)),o.length>1&&o.index=a));)g.lastIndex===o.index&&g.lastIndex++;return d===i.length?!l&&g.test("")||c.push(""):c.push(i.slice(d)),c.length>a?c.slice(0,a):c}:"0".split(void 0,0).length?function(t,n){return void 0===t&&0===n?[]:e.call(this,t,n)}:e,[function(e,n){var r=s(this),a=null==e?void 0:e[t];return void 0!==a?a.call(e,r,n):i.call(String(r),e,n)},function(t,r){var s=n(i,t,this,r,i!==e);if(s.done)return s.value;var h=a(t),f=String(this),p=o(h,RegExp),v=h.unicode,m=(h.ignoreCase?"i":"")+(h.multiline?"m":"")+(h.unicode?"u":"")+(g?"y":"g"),b=new p(g?h:"^(?:"+h.source+")",m),k=void 0===r?4294967295:r>>>0;if(0===k)return[];if(0===f.length)return null===c(b,f)?[f]:[];for(var _=0,x=0,C=[];x-1)&&(e=e.replace(/y/g,""));var o=s(x?new m(t,e):m(t,e),i?this:b,$);return C&&n&&d(o,{sticky:n}),o},y=function(t){t in $||o($,t,{configurable:!0,get:function(){return m[t]},set:function(e){m[t]=e}})},L=u(m),w=0;L.length>w;)y(L[w++]);b.constructor=$,$.prototype=b,f(r,"RegExp",$)}g("RegExp")},328:function(t,e){t.exports=function(t){return null==t}},329:function(t,e,n){"use strict";n.r(e);n(165);var i=n(309),r={name:"SidebarGroup",components:{DropdownTransition:n(330).a},props:["item","open","collapsable","depth"],beforeCreate:function(){this.$options.components.SidebarLinks=n(329).default},methods:{isActive:i.e}},a=(n(349),n(25)),s=Object(a.a)(r,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"sidebar-group",class:[{collapsable:t.collapsable,"is-sub-group":0!==t.depth},"depth-"+t.depth]},[t.item.path?n("RouterLink",{staticClass:"sidebar-heading clickable",class:{open:t.open,active:t.isActive(t.$route,t.item.path)},attrs:{to:t.item.path},nativeOn:{click:function(e){return t.$emit("toggle")}}},[n("span",[t._v(t._s(t.item.title))]),t._v(" "),t.collapsable?n("span",{staticClass:"arrow",class:t.open?"down":"right"}):t._e()]):n("p",{staticClass:"sidebar-heading",class:{open:t.open},on:{click:function(e){return t.$emit("toggle")}}},[n("span",[t._v(t._s(t.item.title))]),t._v(" "),t.collapsable?n("span",{staticClass:"arrow",class:t.open?"down":"right"}):t._e()]),t._v(" "),n("DropdownTransition",[t.open||!t.collapsable?n("SidebarLinks",{staticClass:"sidebar-group-items",attrs:{items:t.item.children,"sidebar-depth":t.item.sidebarDepth,depth:t.depth+1}}):t._e()],1)],1)}),[],!1,null,null,null).exports;n(350),n(67);function o(t,e,n,i,r){var a={props:{to:e,activeClass:"",exactActiveClass:""},class:{active:i,"sidebar-link":!0}};return r>2&&(a.style={"padding-left":r+"rem"}),t("RouterLink",a,n)}function u(t,e,n,r,a){var s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1;return!e||s>a?null:t("ul",{class:"sidebar-sub-headers"},e.map((function(e){var l=Object(i.e)(r,n+"#"+e.slug);return t("li",{class:"sidebar-sub-header"},[o(t,n+"#"+e.slug,e.title,l,e.level-1),u(t,e.children,n,r,a,s+1)])})))}var l={functional:!0,props:["item","sidebarDepth"],render:function(t,e){var n=e.parent,r=n.$page,a=(n.$site,n.$route),s=n.$themeConfig,l=n.$themeLocaleConfig,c=e.props,h=c.item,f=c.sidebarDepth,p=Object(i.e)(a,h.path),d="auto"===h.type?p||h.children.some((function(t){return Object(i.e)(a,h.basePath+"#"+t.slug)})):p,g="external"===h.type?function(t,e,n){return t("a",{attrs:{href:e,target:"_blank",rel:"noopener noreferrer"},class:{"sidebar-link":!0}},[n,t("OutboundLink")])}(t,h.path,h.title||h.path):o(t,h.path,h.title||h.path,d),v=[r.frontmatter.sidebarDepth,f,l.sidebarDepth,s.sidebarDepth,1].find((function(t){return void 0!==t})),m=l.displayAllHeaders||s.displayAllHeaders;return"auto"===h.type?[g,u(t,h.children,h.basePath,a,v)]:(d||m)&&h.headers&&!i.d.test(h.path)?[g,u(t,Object(i.c)(h.headers),h.path,a,v)]:g}};n(351);function c(t,e){return"group"===e.type&&e.children.some((function(e){return"group"===e.type?c(t,e):"page"===e.type&&Object(i.e)(t,e.path)}))}var h={name:"SidebarLinks",components:{SidebarGroup:s,SidebarLink:Object(a.a)(l,void 0,void 0,!1,null,null,null).exports},props:["items","depth","sidebarDepth"],data:function(){return{openGroupIndex:0}},watch:{$route:function(){this.refreshIndex()}},created:function(){this.refreshIndex()},methods:{refreshIndex:function(){var t=function(t,e){for(var n=0;n-1&&(this.openGroupIndex=t)},toggleGroup:function(t){this.openGroupIndex=t===this.openGroupIndex?-1:t},isActive:function(t){return Object(i.e)(this.$route,t.regularPath)}}},f=Object(a.a)(h,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.items.length?n("ul",{staticClass:"sidebar-links"},t._l(t.items,(function(e,i){return n("li",{key:i},["group"===e.type?n("SidebarGroup",{attrs:{item:e,open:i===t.openGroupIndex,collapsable:e.collapsable||e.collapsible,depth:t.depth},on:{toggle:function(e){return t.toggleGroup(i)}}}):n("SidebarLink",{attrs:{"sidebar-depth":t.sidebarDepth,item:e}})],1)})),0):t._e()}),[],!1,null,null,null);e.default=f.exports},330:function(t,e,n){"use strict";var i={name:"DropdownTransition",methods:{setHeight:function(t){t.style.height=t.scrollHeight+"px"},unsetHeight:function(t){t.style.height=""}}},r=(n(341),n(25)),a=Object(r.a)(i,(function(){var t=this.$createElement;return(this._self._c||t)("transition",{attrs:{name:"dropdown"},on:{enter:this.setHeight,"after-enter":this.unsetHeight,"before-leave":this.setHeight}},[this._t("default")],2)}),[],!1,null,null,null);e.a=a.exports},331:function(t,e,n){"use strict";var i=n(0),r=n(332);i({target:"String",proto:!0,forced:n(333)("link")},{link:function(t){return r(this,"a","href",t)}})},332:function(t,e,n){var i=n(20),r=/"/g;t.exports=function(t,e,n,a){var s=String(i(t)),o="<"+e;return""!==n&&(o+=" "+n+'="'+String(a).replace(r,""")+'"'),o+">"+s+""}},333:function(t,e,n){var i=n(1);t.exports=function(t){return i((function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3}))}},334:function(t,e,n){"use strict";var i=n(311);n.n(i).a},335:function(t,e,n){var i=n(0),r=n(336);i({global:!0,forced:parseInt!=r},{parseInt:r})},336:function(t,e,n){var i=n(2),r=n(172).trim,a=n(173),s=i.parseInt,o=/^[+-]?0[Xx]/,u=8!==s(a+"08")||22!==s(a+"0x16");t.exports=u?function(t,e){var n=r(String(t));return s(n,e>>>0||(o.test(n)?16:10))}:s},337:function(t,e,n){var i=n(1),r=n(173);t.exports=function(t){return i((function(){return!!r[t]()||"​…᠎"!="​…᠎"[t]()||r[t].name!==t}))}},338:function(t,e,n){"use strict";var i,r=n(0),a=n(22).f,s=n(13),o=n(102),u=n(20),l=n(103),c=n(21),h="".endsWith,f=Math.min,p=l("endsWith");r({target:"String",proto:!0,forced:!!(c||p||(i=a(String.prototype,"endsWith"),!i||i.writable))&&!p},{endsWith:function(t){var e=String(u(this));o(t);var n=arguments.length>1?arguments[1]:void 0,i=s(e.length),r=void 0===n?i:f(s(n),i),a=String(t);return h?h.call(e,a,r):e.slice(r-a.length,r)===a}})},339:function(t,e,n){"use strict";var i=n(312);n.n(i).a},340:function(t,e,n){"use strict";var i=n(313);n.n(i).a},341:function(t,e,n){"use strict";var i=n(314);n.n(i).a},342:function(t,e,n){"use strict";var i=n(315);n.n(i).a},343:function(t,e,n){"use strict";var i=n(316);n.n(i).a},344:function(t,e,n){"use strict";var i=n(317);n.n(i).a},345:function(t,e,n){"use strict";var i=n(318);n.n(i).a},346:function(t,e,n){var i=n(32),r=n(14),a=n(27);t.exports=function(t){return"string"==typeof t||!r(t)&&a(t)&&"[object String]"==i(t)}},347:function(t,e,n){"use strict";var i=n(319);n.n(i).a},348:function(t,e,n){"use strict";var i=n(320);n.n(i).a},349:function(t,e,n){"use strict";var i=n(321);n.n(i).a},350:function(t,e,n){"use strict";var i=n(0),r=n(31).find,a=n(99),s=n(18),o=!0,u=s("find");"find"in[]&&Array(1).find((function(){o=!1})),i({target:"Array",proto:!0,forced:o||!u},{find:function(t){return r(this,t,arguments.length>1?arguments[1]:void 0)}}),a("find")},351:function(t,e,n){"use strict";var i=n(322);n.n(i).a},352:function(t,e,n){"use strict";var i=n(323);n.n(i).a},354:function(t,e,n){"use strict";n.r(e);n(165),n(96),n(331);var i=n(309),r={name:"NavLink",props:{item:{required:!0}},computed:{link:function(){return Object(i.b)(this.item.link)},exact:function(){var t=this;return this.$site.locales?Object.keys(this.$site.locales).some((function(e){return e===t.link})):"/"===this.link},isNonHttpURI:function(){return Object(i.g)(this.link)||Object(i.h)(this.link)},isBlankTarget:function(){return"_blank"===this.target},isInternal:function(){return!Object(i.f)(this.link)&&!this.isBlankTarget},target:function(){return this.isNonHttpURI?null:this.item.target?this.item.target:Object(i.f)(this.link)?"_blank":""},rel:function(){return this.isNonHttpURI?null:this.item.rel?this.item.rel:this.isBlankTarget?"noopener noreferrer":""}},methods:{focusoutAction:function(){this.$emit("focusout")}}},a=n(25),s=Object(a.a)(r,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.isInternal?n("RouterLink",{staticClass:"nav-link",attrs:{to:t.link,exact:t.exact},nativeOn:{focusout:function(e){return t.focusoutAction(e)}}},[t._v("\n "+t._s(t.item.text)+"\n")]):n("a",{staticClass:"nav-link external",attrs:{href:t.link,target:t.target,rel:t.rel},on:{focusout:t.focusoutAction}},[t._v("\n "+t._s(t.item.text)+"\n "),t.isBlankTarget?n("OutboundLink"):t._e()],1)}),[],!1,null,null,null).exports,o={name:"Home",components:{NavLink:s},computed:{data:function(){return this.$page.frontmatter},actionLink:function(){return{link:this.data.actionLink,text:this.data.actionText}}}},u=(n(334),Object(a.a)(o,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("main",{staticClass:"home",attrs:{"aria-labelledby":"main-title"}},[n("header",{staticClass:"hero"},[t.data.heroImage?n("img",{attrs:{src:t.$withBase(t.data.heroImage),alt:t.data.heroAlt||"hero"}}):t._e(),t._v(" "),null!==t.data.heroText?n("h1",{attrs:{id:"main-title"}},[t._v("\n "+t._s(t.data.heroText||t.$title||"Hello")+"\n ")]):t._e(),t._v(" "),null!==t.data.tagline?n("p",{staticClass:"description"},[t._v("\n "+t._s(t.data.tagline||t.$description||"Welcome to your VuePress site")+"\n ")]):t._e(),t._v(" "),t.data.actionText&&t.data.actionLink?n("p",{staticClass:"action"},[n("NavLink",{staticClass:"action-button",attrs:{item:t.actionLink}})],1):t._e()]),t._v(" "),t.data.features&&t.data.features.length?n("div",{staticClass:"features"},t._l(t.data.features,(function(e,i){return n("div",{key:i,staticClass:"feature"},[n("h2",[t._v(t._s(e.title))]),t._v(" "),n("p",[t._v(t._s(e.details))])])})),0):t._e(),t._v(" "),n("Content",{staticClass:"theme-default-content custom"}),t._v(" "),t.data.footer?n("div",{staticClass:"footer"},[t._v("\n "+t._s(t.data.footer)+"\n ")]):t._e()],1)}),[],!1,null,null,null).exports),l=(n(335),n(26),n(175),n(166),n(97),n(44),n(177),n(310),n(326),n(171),n(67),n(327),n(98),n(338),n(68),n(325),n(179)),c=n.n(l),h=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=c()(e,"title","");return c()(e,"frontmatter.tags")&&(i+=" ".concat(e.frontmatter.tags.join(" "))),n&&(i+=" ".concat(n)),f(t,i)},f=function(t,e){var n=function(t){return t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")},i=new RegExp("[^\0-]"),r=t.split(/\s+/g).map((function(t){return t.trim()})).filter((function(t){return!!t}));if(i.test(t))return r.some((function(t){return e.toLowerCase().indexOf(t)>-1}));var a=t.endsWith(" ");return new RegExp(r.map((function(t,e){return r.length!==e+1||a?"(?=.*\\b".concat(n(t),"\\b)"):"(?=.*\\b".concat(n(t),")")})).join("")+".+","gi").test(e)},p={name:"SearchBox",data:function(){return{query:"",focused:!1,focusIndex:0,placeholder:void 0}},computed:{showSuggestions:function(){return this.focused&&this.suggestions&&this.suggestions.length},suggestions:function(){var t=this.query.trim().toLowerCase();if(t){for(var e=this.$site.pages,n=this.$site.themeConfig.searchMaxSuggestions||5,i=this.$localePath,r=[],a=0;a=n);a++){var s=e[a];if(this.getPageLocalePath(s)===i&&this.isSearchable(s))if(h(t,s))r.push(s);else if(s.headers)for(var o=0;o=n);o++){var u=s.headers[o];u.title&&h(t,s,u.title)&&r.push(Object.assign({},s,{path:s.path+"#"+u.slug,header:u}))}}return r}},alignRight:function(){return(this.$site.themeConfig.nav||[]).length+(this.$site.repo?1:0)<=2}},mounted:function(){this.placeholder=this.$site.themeConfig.searchPlaceholder||"",document.addEventListener("keydown",this.onHotkey)},beforeDestroy:function(){document.removeEventListener("keydown",this.onHotkey)},methods:{getPageLocalePath:function(t){for(var e in this.$site.locales||{})if("/"!==e&&0===t.path.indexOf(e))return e;return"/"},isSearchable:function(t){var e=null;return null===e||(e=Array.isArray(e)?e:new Array(e)).filter((function(e){return t.path.match(e)})).length>0},onHotkey:function(t){t.srcElement===document.body&&["s","/"].includes(t.key)&&(this.$refs.input.focus(),t.preventDefault())},onUp:function(){this.showSuggestions&&(this.focusIndex>0?this.focusIndex--:this.focusIndex=this.suggestions.length-1)},onDown:function(){this.showSuggestions&&(this.focusIndex "+t._s(e.header.title))]):t._e()])])})),0):t._e()])}),[],!1,null,null,null).exports),g=(n(340),Object(a.a)({},(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"sidebar-button",on:{click:function(e){return t.$emit("toggle-sidebar")}}},[n("svg",{staticClass:"icon",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",viewBox:"0 0 448 512"}},[n("path",{attrs:{fill:"currentColor",d:"M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"}})])])}),[],!1,null,null,null).exports),v=(n(178),n(42)),m=n(330),b=n(180),k=n.n(b),_={name:"DropdownLink",components:{NavLink:s,DropdownTransition:m.a},props:{item:{required:!0}},data:function(){return{open:!1}},computed:{dropdownAriaLabel:function(){return this.item.ariaLabel||this.item.text}},watch:{$route:function(){this.open=!1}},methods:{setOpen:function(t){this.open=t},isLastItemOfArray:function(t,e){return k()(e)===t}}},x=(n(342),{name:"NavLinks",components:{NavLink:s,DropdownLink:Object(a.a)(_,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"dropdown-wrapper",class:{open:t.open}},[n("button",{staticClass:"dropdown-title",attrs:{type:"button","aria-label":t.dropdownAriaLabel},on:{click:function(e){return t.setOpen(!t.open)}}},[n("span",{staticClass:"title"},[t._v(t._s(t.item.text))]),t._v(" "),n("span",{staticClass:"arrow",class:t.open?"down":"right"})]),t._v(" "),n("DropdownTransition",[n("ul",{directives:[{name:"show",rawName:"v-show",value:t.open,expression:"open"}],staticClass:"nav-dropdown"},t._l(t.item.items,(function(e,i){return n("li",{key:e.link||i,staticClass:"dropdown-item"},["links"===e.type?n("h4",[t._v("\n "+t._s(e.text)+"\n ")]):t._e(),t._v(" "),"links"===e.type?n("ul",{staticClass:"dropdown-subitem-wrapper"},t._l(e.items,(function(i){return n("li",{key:i.link,staticClass:"dropdown-subitem"},[n("NavLink",{attrs:{item:i},on:{focusout:function(n){t.isLastItemOfArray(i,e.items)&&t.isLastItemOfArray(e,t.item.items)&&t.setOpen(!1)}}})],1)})),0):n("NavLink",{attrs:{item:e},on:{focusout:function(n){t.isLastItemOfArray(e,t.item.items)&&t.setOpen(!1)}}})],1)})),0)])],1)}),[],!1,null,null,null).exports},computed:{userNav:function(){return this.$themeLocaleConfig.nav||this.$site.themeConfig.nav||[]},nav:function(){var t=this,e=this.$site.locales;if(e&&Object.keys(e).length>1){var n=this.$page.path,i=this.$router.options.routes,r=this.$site.themeConfig.locales||{},a={text:this.$themeLocaleConfig.selectText||"Languages",ariaLabel:this.$themeLocaleConfig.ariaLabel||"Select language",items:Object.keys(e).map((function(a){var s,o=e[a],u=r[a]&&r[a].label||o.lang;return o.lang===t.$lang?s=n:(s=n.replace(t.$localeConfig.path,a),i.some((function(t){return t.path===s}))||(s=a)),{text:u,link:s}}))};return[].concat(Object(v.a)(this.userNav),[a])}return this.userNav},userLinks:function(){return(this.nav||[]).map((function(t){return Object.assign(Object(i.j)(t),{items:(t.items||[]).map(i.j)})}))},repoLink:function(){var t=this.$site.themeConfig.repo;return t?/^https?:/.test(t)?t:"https://github.com/".concat(t):null},repoLabel:function(){if(this.repoLink){if(this.$site.themeConfig.repoLabel)return this.$site.themeConfig.repoLabel;for(var t=this.repoLink.match(/^https?:\/\/[^/]+/)[0],e=["GitHub","GitLab","Bitbucket"],n=0;nMath.abs(n)&&Math.abs(e)>40&&(e>0&&this.touchStart.x<=80?this.toggleSidebar(!0):this.toggleSidebar(!1))}}}),B=Object(a.a)(W,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"theme-container",class:t.pageClasses,on:{touchstart:t.onTouchStart,touchend:t.onTouchEnd}},[t.shouldShowNavbar?n("Navbar",{on:{"toggle-sidebar":t.toggleSidebar}}):t._e(),t._v(" "),n("div",{staticClass:"sidebar-mask",on:{click:function(e){return t.toggleSidebar(!1)}}}),t._v(" "),n("Sidebar",{attrs:{items:t.sidebarItems},on:{"toggle-sidebar":t.toggleSidebar},scopedSlots:t._u([{key:"top",fn:function(){return[t._t("sidebar-top")]},proxy:!0},{key:"bottom",fn:function(){return[t._t("sidebar-bottom")]},proxy:!0}],null,!0)}),t._v(" "),t.$page.frontmatter.home?n("Home"):n("Page",{attrs:{"sidebar-items":t.sidebarItems},scopedSlots:t._u([{key:"top",fn:function(){return[t._t("page-top")]},proxy:!0},{key:"bottom",fn:function(){return[t._t("page-bottom")]},proxy:!0}],null,!0)})],1)}),[],!1,null,null,null);e.default=B.exports}}]); \ No newline at end of file diff --git a/assets/js/3.a6d97900.js b/assets/js/3.a6d97900.js new file mode 100644 index 0000000..793fa29 --- /dev/null +++ b/assets/js/3.a6d97900.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{324:function(t,e,n){},353:function(t,e,n){"use strict";var i=n(324);n.n(i).a},363:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(353),n(25)),a=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=a.exports}}]); \ No newline at end of file diff --git a/assets/js/4.4fca55e2.js b/assets/js/4.4fca55e2.js new file mode 100644 index 0000000..5ee3cc2 --- /dev/null +++ b/assets/js/4.4fca55e2.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{355:function(t,e,s){"use strict";s.r(e);var n=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],o={methods:{getMsg:function(){return n[Math.floor(Math.random()*n.length)]}}},i=s(25),h=Object(i.a)(o,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"theme-container"},[e("div",{staticClass:"theme-default-content"},[e("h1",[this._v("404")]),this._v(" "),e("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),e("RouterLink",{attrs:{to:"/"}},[this._v("\n Take me home.\n ")])],1)])}),[],!1,null,null,null);e.default=h.exports}}]); \ No newline at end of file diff --git a/assets/js/5.434fd850.js b/assets/js/5.434fd850.js new file mode 100644 index 0000000..d1e1014 --- /dev/null +++ b/assets/js/5.434fd850.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{356:function(t,e,n){"use strict";n.r(e);var s=n(25),l=Object(s.a)({},(function(){var t=this.$createElement;return(this._self._c||t)("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}})}),[],!1,null,null,null);e.default=l.exports}}]); \ No newline at end of file diff --git a/assets/js/6.8171fe50.js b/assets/js/6.8171fe50.js new file mode 100644 index 0000000..a947bd9 --- /dev/null +++ b/assets/js/6.8171fe50.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{358:function(t,a,s){"use strict";s.r(a);var n=s(25),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"introduction"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#introduction"}},[t._v("#")]),t._v(" Introduction")]),t._v(" "),s("p",[s("strong",[t._v("Vue-route-values")]),t._v(" is a library that allows you to manage "),s("em",[t._v("route params")]),t._v(" and "),s("em",[t._v("route query params")]),t._v(" directly within your template —using "),s("a",{attrs:{href:"https://router.vuejs.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-router"),s("OutboundLink")],1),t._v("— without any other scaffolding. That’s perfect for handle "),s("em",[t._v("route query params")]),t._v(" for pagination, filtering, sorting, tracking, etc. Using the "),s("em",[t._v("route params")]),t._v(" directly as regular reactive values instead of using them as readonly values, gives you the ability to have a verbose URL ready to share at anytime.")]),t._v(" "),s("p",[t._v("In short, "),s("em",[t._v("RouteParamValue")]),t._v(" and "),s("em",[t._v("RouteQueryValue")]),t._v(" components handle their corresponding values —you only need to declare the name they have within the route/URL— and exposes its current value together with some helper functions to mutate it:")]),t._v(" "),s("ul",[s("li",[s("code",[t._v("value")])]),t._v(" "),s("li",[s("code",[t._v("set(newValue)")])]),t._v(" "),s("li",[s("code",[t._v("resetToDefault()")])])]),t._v(" "),s("p",[t._v("This example will handle a route like "),s("code",[t._v("/items?page=2")]),t._v(" or "),s("code",[t._v("/items")]),t._v(" (page=1 as default):")]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("div",{staticClass:"highlight-lines"},[s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("br"),s("br"),s("br")]),s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("RouteQueryValue")]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("name")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("page"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":defaultValue")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("#default")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("{ value, set }"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Paginator")]),t._v("\n\t\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":value")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@input")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("set"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),s("p",[t._v("On the other hand, you can use "),s("em",[t._v("RouteValues")]),t._v(" to handle multiple "),s("em",[t._v("route params")]),t._v(" or "),s("em",[t._v("route query params")]),t._v(" at once. Check this example that handles a route like "),s("code",[t._v("/:username/friends?page=2&sort=name")]),t._v(":")]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("div",{staticClass:"highlight-lines"},[s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("br"),s("br"),s("br"),s("br")]),s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("RouteValues")]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":optsByName")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("{\n\t\t\tusername: {\n\t\t\t\twhere: 'params',\n\t\t\t},\n\t\t\tpage: {\n\t\t\t\ttype: 'number',\n\t\t\t\tdefaultValue: 1,\n\t\t\t},\n\t\t\tsort: {\n\t\t\t\tdefaultValue: 'option1',\n\t\t\t},\n\t\t}"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("#default")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("{ username, page, sort, set }"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("flex-row"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Username: "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("b")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("{{ username }}"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\t\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Paginator")]),t._v("\n\t\t\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":value")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("page"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@input")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("set('page', $event)"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n\t\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("SelectInput")]),t._v("\n\t\t\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":value")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sort"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":options")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sortOptions"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@input")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("set('sort', $event)"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),s("p",[t._v("Finally, you can use the "),s("em",[t._v("factory mixin")]),t._v(" "),s("code",[t._v("routeValuesMixin")]),t._v(" to use this "),s("em",[t._v("route values")]),t._v(" directly within a custom component —it will add every "),s("em",[t._v("route value")]),t._v(" as a computed value with a setter—.\nThis example is equivalent to the previous one with a route like "),s("code",[t._v("/:username/friends?page=2&sort=name")]),t._v(":")]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("div",{staticClass:"highlight-lines"},[s("br"),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("br"),s("br"),s("br"),s("br"),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("br"),s("br"),s("br"),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("br"),s("br"),s("br"),s("br"),s("br"),s("br"),s("br"),s("br"),s("br")]),s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("flex-row"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Username: "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("b")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("{{ username }}"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Paginator")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-model")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("page"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("SelectInput")]),t._v("\n\t\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-model")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sort"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t"),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":options")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("sortOptions"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n\t"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" routeValuesMixin "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'vue-route-values'")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Paginator"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" SelectInput "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'./components'")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n name"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'RouteValuesMixinDemo'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n components"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Paginator"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" SelectInput "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n mixins"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("routeValuesMixin")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" where"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'params'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" name"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'username'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" name"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'page'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" type"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'number'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" defaultValue"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" name"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'sort'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" defaultValue"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'option1'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("created")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("sortOptions "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" key"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'option1'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Option 1'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" key"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'option2'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Option 2'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" key"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'option3'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Option 3'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/assets/js/7.06b26570.js b/assets/js/7.06b26570.js new file mode 100644 index 0000000..bd6b706 --- /dev/null +++ b/assets/js/7.06b26570.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{357:function(t,a,s){"use strict";s.r(a);var n=s(25),e=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"installation"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[t._v("yarn add vue-route-values\n")])])]),s("p",[t._v("or")]),t._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[t._v("npm install vue-route-values --save\n")])])]),s("p",[t._v("And that's all! Here you have a simple usage example.")]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Value")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("#default")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("{ value, set }"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n ...\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Value "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'vue-route-values'")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n name"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'ValueExample'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n components"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Value "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/assets/js/8.45807bba.js b/assets/js/8.45807bba.js new file mode 100644 index 0000000..bc2fa74 --- /dev/null +++ b/assets/js/8.45807bba.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{362:function(t,e,a){"use strict";a.r(e);var s=a(25),n=Object(s.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"routeparamvalue"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#routeparamvalue"}},[t._v("#")]),t._v(" ")]),t._v(" "),a("p",[t._v("Component that allows you to manage one single "),a("em",[t._v("route param value")]),t._v(".")]),t._v(" "),a("p",[t._v("For example, for URL "),a("code",[t._v("https://yourweb.com/user/adrianhurt")]),t._v(", having a the route config "),a("code",[t._v("{ path: '/user/:username' }")]),t._v(", you will be able to easily manage the "),a("code",[t._v("username")]),t._v(" "),a("em",[t._v("route param value")]),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"props"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#props"}},[t._v("#")]),t._v(" Props")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Props")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("strong",[a("code",[t._v("name")])])]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("em",[t._v("Required")])]),t._v(" "),a("td",[t._v("The name of the route param.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("defaultValue")])])]),t._v(" "),a("td",[a("em",[t._v("any")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("The default value. If current "),a("code",[t._v("value")]),t._v(" is equal to "),a("code",[t._v("defaultValue")]),t._v(" it will be removed from the URL.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("type")])])]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[t._v("The value's type to automatically encode/decode from string. The possible values are "),a("code",[t._v('"string"')]),t._v(", "),a("code",[t._v('"number"')]),t._v(" or "),a("code",[t._v('"boolean"')]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("encode(value)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("The encode funtion from the route string value ("),a("code",[t._v("Any => String")]),t._v("). If it's present the "),a("code",[t._v("type")]),t._v(" prop is ignored.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("decode(stringValue)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("The decode funtion from the route string value ("),a("code",[t._v("String => Any")]),t._v("). If it's present the "),a("code",[t._v("type")]),t._v(" prop is ignored.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("keepsQuery")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" if you want to keep any previous route query param into the new navigation.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("affectsHistory")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" if you want to use "),a("code",[t._v("$router.push")]),t._v(". "),a("code",[t._v("false")]),t._v(" for "),a("code",[t._v("$router.replace")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("navigationInterceptor(params)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("It's called when a new navigation should be place instead of using the default behaviour. The "),a("code",[t._v("params")]),t._v(" is an object with "),a("code",[t._v("{ router, route, name, newValue, encodedValue, options }")]),t._v(" where in options appears all the component's props.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("disabled")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" for disable any value mutation.")])])])]),t._v(" "),a("h2",{attrs:{id:"scoped-props-default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#scoped-props-default-slot"}},[t._v("#")]),t._v(" Scoped props (default slot)")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Scoped props")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("strong",[a("code",[t._v("value")])])]),t._v(" "),a("td",[a("em",[t._v("any")])]),t._v(" "),a("td",[t._v("The current value.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("disabled")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("The current disabled value.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("set(newValue)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("Sets a new value and returns it. Only if its not disabled.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("resetToDefault()")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("Resets the value with the default one. Only if its not disabled.")])])])]),t._v(" "),a("h2",{attrs:{id:"events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Events")]),t._v(" "),a("th",[t._v("Arguments")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("strong",[a("code",[t._v("change")])])]),t._v(" "),a("td",[a("code",[t._v("(newValue, oldValue)")])]),t._v(" "),a("td",[t._v("Emitted when the value changes.")])])])]),t._v(" "),a("h2",{attrs:{id:"example"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example"}},[t._v("#")]),t._v(" Example")]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("div",{staticClass:"highlight-lines"},[a("br"),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br")]),a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("RouteParamValue")]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("slug"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("#default")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("{ value: slug, set }"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Current slug: {{ slug }}"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("a")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("set('other')"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Set other"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" RouteParamValue "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'vue-route-values'")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n\tcomponents"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" RouteParamValue "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"live-examples"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#live-examples"}},[t._v("#")]),t._v(" Live examples")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://adrianhurt.github.io/vue-route-values-examples/route-param-value/1",target:"_blank",rel:"noopener noreferrer"}},[t._v("Check here to see it in action"),a("OutboundLink")],1),t._v(".")])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/9.d6931b36.js b/assets/js/9.d6931b36.js new file mode 100644 index 0000000..bd98ce7 --- /dev/null +++ b/assets/js/9.d6931b36.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{359:function(t,e,a){"use strict";a.r(e);var s=a(25),n=Object(s.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"routequeryvalue"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#routequeryvalue"}},[t._v("#")]),t._v(" ")]),t._v(" "),a("p",[t._v("Component that allows you to manage one single "),a("em",[t._v("route query value")]),t._v(".")]),t._v(" "),a("p",[t._v("For example, for URL "),a("code",[t._v("https://yourweb.com/items?page=2")]),t._v(" you will be able to easily manage the "),a("code",[t._v("page")]),t._v(" "),a("em",[t._v("route query value")]),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"props"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#props"}},[t._v("#")]),t._v(" Props")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Props")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("strong",[a("code",[t._v("name")])])]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("em",[t._v("Required")])]),t._v(" "),a("td",[t._v("The name of the route query param.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("defaultValue")])])]),t._v(" "),a("td",[a("em",[t._v("any")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("The default value. If current "),a("code",[t._v("value")]),t._v(" is equal to "),a("code",[t._v("defaultValue")]),t._v(" it will be removed from the URL.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("type")])])]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[t._v("The value's type to automatically encode/decode from string. The possible values are "),a("code",[t._v('"string"')]),t._v(", "),a("code",[t._v('"number"')]),t._v(" or "),a("code",[t._v('"boolean"')]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("encode(value)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("The encode funtion from the route string value ("),a("code",[t._v("Any => String")]),t._v("). If it's present the "),a("code",[t._v("type")]),t._v(" prop is ignored.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("decode(stringValue)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("The decode funtion from the route string value ("),a("code",[t._v("String => Any")]),t._v("). If it's present the "),a("code",[t._v("type")]),t._v(" prop is ignored.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("keepsQuery")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" if you want to keep any previous route query param into the new navigation.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("affectsHistory")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" if you want to use "),a("code",[t._v("$router.push")]),t._v(". "),a("code",[t._v("false")]),t._v(" for "),a("code",[t._v("$router.replace")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("navigationInterceptor(params)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("It's called when a new navigation should be place instead of using the default behaviour. The "),a("code",[t._v("params")]),t._v(" is an object with "),a("code",[t._v("{ router, route, name, newValue, encodedValue, options }")]),t._v(" where in options appears all the component's props.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("disabled")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" for disable any value mutation.")])])])]),t._v(" "),a("h2",{attrs:{id:"scoped-props-default-slot"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#scoped-props-default-slot"}},[t._v("#")]),t._v(" Scoped props (default slot)")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Scoped props")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("strong",[a("code",[t._v("value")])])]),t._v(" "),a("td",[a("em",[t._v("any")])]),t._v(" "),a("td",[t._v("The current value.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("disabled")])])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("The current disabled value.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("set(newValue)")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("Sets a new value and returns it. Only if its not disabled.")])]),t._v(" "),a("tr",[a("td",[a("strong",[a("code",[t._v("resetToDefault()")])])]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("Resets the value with the default one. Only if its not disabled.")])])])]),t._v(" "),a("h2",{attrs:{id:"events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Events")]),t._v(" "),a("th",[t._v("Arguments")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("strong",[a("code",[t._v("change")])])]),t._v(" "),a("td",[a("code",[t._v("(newValue, oldValue)")])]),t._v(" "),a("td",[t._v("Emitted when the value changes.")])])])]),t._v(" "),a("h2",{attrs:{id:"example"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example"}},[t._v("#")]),t._v(" Example")]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("div",{staticClass:"highlight-lines"},[a("br"),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("br"),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("br"),a("div",{staticClass:"highlighted"},[t._v(" ")]),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br"),a("br")]),a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("RouteQueryValue")]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("page"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":defaultValue")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("#default")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("{ value, set }"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Paginator")]),t._v("\n\t\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t\t"),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@input")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("set"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n\t\t"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n\t"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" RouteQueryValue "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'vue-route-values'")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n\tcomponents"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" RouteQueryValue "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"live-examples"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#live-examples"}},[t._v("#")]),t._v(" Live examples")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://adrianhurt.github.io/vue-route-values-examples/route-query-value?page=2",target:"_blank",rel:"noopener noreferrer"}},[t._v("Check here to see it in action"),a("OutboundLink")],1),t._v(".")])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/assets/js/app.c1341413.js b/assets/js/app.c1341413.js new file mode 100644 index 0000000..832df19 --- /dev/null +++ b/assets/js/app.c1341413.js @@ -0,0 +1,13 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[]]);!function(t){function e(e){for(var r,a,u=e[0],c=e[1],s=e[2],l=0,p=[];l0?o(r(t),9007199254740991):0}},function(t,e){var n=Array.isArray;t.exports=n},function(t,e,n){var r=n(33),o=n(20);t.exports=function(t){return r(o(t))}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){var r=n(142),o="object"==typeof self&&self&&self.Object===Object&&self,i=r||o||Function("return this")();t.exports=i},function(t,e,n){var r=n(5),o=n(1),i=n(6),a=Object.defineProperty,u={},c=function(t){throw t};t.exports=function(t,e){if(i(u,t))return u[t];e||(e={});var n=[][t],s=!!i(e,"ACCESSORS")&&e.ACCESSORS,f=i(e,0)?e[0]:c,l=i(e,1)?e[1]:void 0;return u[t]=!!n&&!o((function(){if(s&&!r)return!0;var t={length:-1};s?a(t,1,{enumerable:!0,get:c}):t[1]=1,n.call(t,f,l)}))}},function(t,e,n){var r=n(113),o=n(2),i=function(t){return"function"==typeof t?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t])||i(o[t]):r[t]&&r[t][e]||o[t]&&o[t][e]}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},function(t,e){t.exports=!1},function(t,e,n){var r=n(5),o=n(78),i=n(35),a=n(15),u=n(34),c=n(6),s=n(108),f=Object.getOwnPropertyDescriptor;e.f=r?f:function(t,e){if(t=a(t),e=u(e,!0),s)try{return f(t,e)}catch(t){}if(c(t,e))return i(!o.f.call(t,e),t[e])}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t}},function(t,e,n){var r=n(224),o=n(227);t.exports=function(t,e){var n=o(t,e);return r(n)?n:void 0}},function(t,e,n){"use strict";function r(t,e,n,r,o,i,a,u){var c,s="function"==typeof t?t.options:t;if(e&&(s.render=e,s.staticRenderFns=n,s._compiled=!0),r&&(s.functional=!0),i&&(s._scopeId="data-v-"+i),a?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},s._ssrRegister=c):o&&(c=u?function(){o.call(this,(s.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(s.functional){s._injectStyles=c;var f=s.render;s.render=function(t,e){return c.call(e),f(t,e)}}else{var l=s.beforeCreate;s.beforeCreate=l?[].concat(l,c):[c]}return{exports:t,options:s}}n.d(e,"a",(function(){return r}))},function(t,e,n){"use strict";var r=n(0),o=n(31).filter,i=n(52),a=n(18),u=i("filter"),c=a("filter");r({target:"Array",proto:!0,forced:!u||!c},{filter:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},function(t,e){t.exports=function(t){return null!=t&&"object"==typeof t}},function(t,e,n){var r,o=n(7),i=n(183),a=n(76),u=n(36),c=n(112),s=n(73),f=n(49),l=f("IE_PROTO"),p=function(){},d=function(t){return" + + diff --git a/docs/installation.html b/docs/installation.html new file mode 100644 index 0000000..39a29c2 --- /dev/null +++ b/docs/installation.html @@ -0,0 +1,66 @@ + + + + + + Installation | Vue Route Values + + + + + + + + + + + + + + + + + + + + + + + + +
Vue Route Values

# Installation

yarn add vue-route-values
+

or

npm install vue-route-values --save
+

And that's all! Here you have a simple usage example.

<template>
+    <Value #default="{ value, set }">
+        ...
+    </Value>
+</template>
+
+<script>
+import { Value } from 'vue-route-values'
+
+export default {
+    name: 'ValueExample',
+    components: { Value },
+}
+</script>
+

+ ← + + <RouteParamValue /> + + → +

+ + + diff --git a/docs/route-param-value.html b/docs/route-param-value.html new file mode 100644 index 0000000..4a77d1a --- /dev/null +++ b/docs/route-param-value.html @@ -0,0 +1,67 @@ + + + + + + RouteParamValue | Vue Route Values + + + + + + + + + + + + + + + + + + + + + + + + +
Vue Route Values

# <RouteParamValue />

Component that allows you to manage one single route param value.

For example, for URL https://yourweb.com/user/adrianhurt, having a the route config { path: '/user/:username' }, you will be able to easily manage the username route param value.

# Props

Props Type Default Description
name String Required The name of the route param.
defaultValue any undefined The default value. If current value is equal to defaultValue it will be removed from the URL.
type String string The value's type to automatically encode/decode from string. The possible values are "string", "number" or "boolean".
encode(value) Function undefined The encode funtion from the route string value (Any => String). If it's present the type prop is ignored.
decode(stringValue) Function undefined The decode funtion from the route string value (String => Any). If it's present the type prop is ignored.
keepsQuery Boolean false true if you want to keep any previous route query param into the new navigation.
affectsHistory Boolean true true if you want to use $router.push. false for $router.replace.
navigationInterceptor(params) Function undefined It's called when a new navigation should be place instead of using the default behaviour. The params is an object with { router, route, name, newValue, encodedValue, options } where in options appears all the component's props.
disabled Boolean false true for disable any value mutation.

# Scoped props (default slot)

Scoped props Type Description
value any The current value.
disabled Boolean The current disabled value.
set(newValue) Function Sets a new value and returns it. Only if its not disabled.
resetToDefault() Function Resets the value with the default one. Only if its not disabled.

# Events

Events Arguments Description
change (newValue, oldValue) Emitted when the value changes.

# Example


 
 
 
 
 
 
 










<template>
+	<RouteParamValue
+		name="slug"
+		#default="{ value: slug, set }"
+	>
+		<div>Current slug: {{ slug }}</div>
+		<a @click="set('other')">Set other</a>
+	</RouteParamValue>
+</template>
+
+<script>
+import { RouteParamValue } from 'vue-route-values'
+
+export default {
+	components: { RouteParamValue },
+}
+</script>
+

# Live examples

Check here to see it in action.

+ ← + + <RouteQueryValue /> + + → +

+ + + diff --git a/docs/route-query-value.html b/docs/route-query-value.html new file mode 100644 index 0000000..82cb87b --- /dev/null +++ b/docs/route-query-value.html @@ -0,0 +1,71 @@ + + + + + + RouteQueryValue | Vue Route Values + + + + + + + + + + + + + + + + + + + + + + + + +
Vue Route Values

# <RouteQueryValue />

Component that allows you to manage one single route query value.

For example, for URL https://yourweb.com/items?page=2 you will be able to easily manage the page route query value.

# Props

Props Type Default Description
name String Required The name of the route query param.
defaultValue any undefined The default value. If current value is equal to defaultValue it will be removed from the URL.
type String string The value's type to automatically encode/decode from string. The possible values are "string", "number" or "boolean".
encode(value) Function undefined The encode funtion from the route string value (Any => String). If it's present the type prop is ignored.
decode(stringValue) Function undefined The decode funtion from the route string value (String => Any). If it's present the type prop is ignored.
keepsQuery Boolean true true if you want to keep any previous route query param into the new navigation.
affectsHistory Boolean false true if you want to use $router.push. false for $router.replace.
navigationInterceptor(params) Function undefined It's called when a new navigation should be place instead of using the default behaviour. The params is an object with { router, route, name, newValue, encodedValue, options } where in options appears all the component's props.
disabled Boolean false true for disable any value mutation.

# Scoped props (default slot)

Scoped props Type Description
value any The current value.
disabled Boolean The current disabled value.
set(newValue) Function Sets a new value and returns it. Only if its not disabled.
resetToDefault() Function Resets the value with the default one. Only if its not disabled.

# Events

Events Arguments Description
change (newValue, oldValue) Emitted when the value changes.

# Example


 
 
 
 
 

 
 

 











<template>
+	<RouteQueryValue
+		name="page"
+		type="number"
+		:defaultValue="1"
+		#default="{ value, set }"
+	>
+		<Paginator
+			:value="value"
+			@input="set"
+		/>
+	</RouteQueryValue>
+</template>
+
+<script>
+import { RouteQueryValue } from 'vue-route-values'
+
+export default {
+	components: { RouteQueryValue },
+}
+</script>
+

# Live examples

Check here to see it in action.

+ ← + + <RouteValues /> + + → +

+ + + diff --git a/docs/route-values.html b/docs/route-values.html new file mode 100644 index 0000000..bd7d6b1 --- /dev/null +++ b/docs/route-values.html @@ -0,0 +1,89 @@ + + + + + + RouteValues | Vue Route Values + + + + + + + + + + + + + + + + + + + + + + + + +
Vue Route Values

# <RouteValues />

Component that allows you to manage multiple route param and query values.

For example, for URL https://yourweb.com/user/adrianhurt/friends?page=2, having a the route config { path: '/user/:username/friends' }, you will be able to easily manage the username route param value and page route query value.

# Props

Props Type Default Description
optsByName Object Required Object where each key is the a name of a managed value you want and its value is an OPTIONS object that determines its configuration and behaviour.
keepsQuery Boolean true true if you want to keep any previous route query param into the new navigation. It's used only as a fallback if the corresponding value's keepsQuery is not present.
affectsHistory Boolean false true if you want to use $router.push. false for $router.replace. It's used only as a fallback if the corresponding value's keepsQuery is not present.
navigationInterceptor(params) Function undefined It's called when a new navigation should be place instead of using the default behaviour. The params is an object with { router, route, name, newValue, encodedValue, options } where in options appears all the component's props. It's used only as a fallback if the corresponding value's keepsQuery is not present.
disabled Boolean false true for disable any value mutation.

optsByName is an object to declare every value you want to manage. Each key is the name of the value you want to manage and its value is an OPTIONS object that determines its configuration and behaviour. +As you can see, the OPTIONS object is very similar than the regular props of RouteParamValue and RouteQueryValue.

OPTIONS fields Type Default Description
where String "query" It could be "params" or "query".
urlName String key's name The name of the route param or query param within URL. By default it uses the corresponding key's name (i.e. the param's name).
defaultValue any undefined The default value. If current value is equal to defaultValue it will be removed from the URL.
type String string The value's type to automatically encode/decode from string. The possible values are "string", "number" or "boolean".
encode(value) Function undefined The encode funtion from the route string value (Any => String). If it's present the type prop is ignored.
decode(stringValue) Function undefined The decode funtion from the route string value (String => Any). If it's present the type prop is ignored.
keepsQuery Boolean false true if you want to keep any previous route query param into the new navigation.
affectsHistory Boolean true true if you want to use $router.push. false for $router.replace.
navigationInterceptor(params) Function undefined It's called when a new navigation should be place instead of using the default behaviour. The params is an object with { router, route, name, newValue, encodedValue, options } where in options appears all the component's props.

# Scoped props (default slot)

Scoped props Type Description
Each name any Every value declared on optsByName will output here its corresponding current value with it's name.
disabled Boolean The current disabled value.
set(name, newValue) Function Sets a new value for the corresponding name and returns it. Only if its not disabled.
resetToDefault(name) Function Resets the value for the corresponding name with the default one. Only if its not disabled.

# Events

Events Arguments Description
change (newValues, oldValues) Emitted when any value changes.
change-value (name, newValue, oldValue) Emitted when the corresnponding value changes.

# Example


 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 

 
 


 

 


 










<template>
+	<RouteValues
+		:optsByName="{
+			slug: {
+				where: 'params',
+			},
+			page: {
+				type: 'number',
+				defaultValue: 1,
+			},
+			sort: {
+				defaultValue: 'option1',
+			},
+		}"
+		#default="{ slug, page, sort, set }"
+	>
+		<div class="flex-row">
+			<p>Slug: <b>{{ slug }}</b></p>
+			<Paginator
+				:value="page"
+				@input="set('page', $event)"
+			/>
+			<SelectInput
+				:value="sort"
+				:options="sortOptions"
+				@input="set('sort', $event)"
+			/>
+		</div>
+	</RouteValues>
+</template>
+
+<script>
+import { RouteValues } from 'vue-route-values'
+
+export default {
+	components: { RouteValues },
+}
+</script>
+

# Live examples

Check here to see it in action.

+ ← + + routeValuesMixin + + → +

+ + + diff --git a/docs/routeValuesMixin.html b/docs/routeValuesMixin.html new file mode 100644 index 0000000..565d680 --- /dev/null +++ b/docs/routeValuesMixin.html @@ -0,0 +1,88 @@ + + + + + + routeValuesMixin | Vue Route Values + + + + + + + + + + + + + + + + + + + + + + + + +
Vue Route Values

# routeValuesMixin

Mixin —indeed, it's a mixin factory— that allows you to manage multiple route param and query values.

For example, for URL https://yourweb.com/user/adrianhurt/friends?page=2, having a the route config { path: '/user/:username/friends' }, you will be able to easily manage the username route param value and page route query value.

<script>
+import { routeValuesMixin } from 'vue-route-values'
+
+export default {
+	...,
+    mixins: [routeValuesMixin(params)],
+	...,
+}
+</script>
+

params is an OPTIONS object or an array of them. Each OPTIONS object determines the configuration and behaviour of the corresponding Value. +As you can see, the OPTIONS object is very similar than the regular props of RouteParamValue and RouteQueryValue, and its practically the same as RouteValues's optsByName prop.

OPTIONS fields Type Default Description
where String "query" It could be "params" or "query".
name String Required The name you will use for the value.
urlName String name's value The name of the route param or query param within URL. By default it uses the same as name.
urlName String Required The name of the route param or query param within URL.
defaultValue any undefined The default value. If current value is equal to defaultValue it will be removed from the URL.
type String string The value's type to automatically encode/decode from string. The possible values are "string", "number" or "boolean".
encode(value) Function undefined The encode funtion from the route string value (Any => String). If it's present the type prop is ignored.
decode(stringValue) Function undefined The decode funtion from the route string value (String => Any). If it's present the type prop is ignored.
keepsQuery Boolean false true if you want to keep any previous route query param into the new navigation.
affectsHistory Boolean true true if you want to use $router.push. false for $router.replace.
navigationInterceptor(params) Function undefined It's called when a new navigation should be place instead of using the default behaviour. The params is an object with { router, route, name, newValue, encodedValue, options } where in options appears all the component's props.

# Example



 
 

 






 





 
 
 
 
 










<template>
+	<div class="flex-row">
+		<p>Slug: <b>{{ slug }}</b></p>
+		<Paginator v-model="page" />
+		<SelectInput
+			v-model="sort"
+			:options="sortOptions"
+		/>
+	</div>
+</template>
+
+<script>
+import { routeValuesMixin } from 'vue-route-values'
+import { Paginator, SelectInput } from './components'
+
+export default {
+    name: 'RouteValuesMixinDemo',
+    components: { Paginator, SelectInput },
+    mixins: [routeValuesMixin([
+        { where: 'params', name: 'slug' },
+        { name: 'page', urlName: 'p', type: 'number', defaultValue: 1 },
+        { name: 'sort', urlName: 's', defaultValue: 'option1' },
+    ])],
+    created () {
+        this.sortOptions = [
+            { key: 'option1', label: 'Option 1' },
+            { key: 'option2', label: 'Option 2' },
+            { key: 'option3', label: 'Option 3' },
+        ]
+    },
+}
+</script>
+

# Live examples

Check here to see it in action.

+ ← +

+ + + diff --git a/favicon-16x16.png b/favicon-16x16.png new file mode 100644 index 0000000000000000000000000000000000000000..60be03c8559055e7504cb589fabe2e1d6fd5dfde GIT binary patch literal 421 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`oCO|{#X#BvjNMLV+c7XOhI_g= zhE&{|dr4ovwNT<%q1on4A%E3MX8z*_eg_#nH(4I<5ftHQx@p1WDPZCn$lB)nnXk|H z1Cz+alyAlLJ}h(Ip5FTV*XIX;;d@r3y`Phx-nz3@M}E$^PeD6P<=2{AtF6f}pXc*2 z$NF+(0yzsKCAN7%2fGVz3R%V7iTBfRP-djvcKsQ8(gf}q$#g? z|7r5nvI}`Ol96*0&Nw(12&lNdzc;I>Oa0jQQ+7Zzd)D-=V=Q6$ex~vA+K?IX9zQQ^ znWzp{FB_YhU|OLY_jbv?!(Xph8YU|=mOVas;?)811*$tZgZ50kvUk&zKlc{gtuWd& zpEtp%;#=}J`TQm4PTphzIp+6Ohv0%oo*m(AQV&knST;C)Sn!~q4Jh;ZvP12L)hq{k zzt3je^3y+<A z?61@+rEx&ll#YX=1s#xz9GC%4g5%%>0S8W4ruI3Zso^>SBmOyswXWvg-Qx4&hBh4% z;Jd!GNAV17SZ4M;0SCzTKS+x-Cy)cJz&pVH0SB0U+i<3D(~fDXv|=#iM|I~TZ7sK+ zcK~Y^eD_$fx2lur+qWlMut~NRyaf%&fh1rVUqw7Z6v4Qya(3?y*WWWgVtmYd<3;a)2fq!bz)kMW|V3uLQGT3 zMLk0;@D`Je(9R1c@JKMe8-1d4N9q;yvrPOU(1yjp5+6*E#R6(Qf>O2K4-dOq;%*ogc51%A#nL{#rwy8r+H07*qoM6N<$f_htrHvj+t literal 0 HcmV?d00001 diff --git a/favicon-96x96.png b/favicon-96x96.png new file mode 100644 index 0000000000000000000000000000000000000000..a4756ba4f46955606acdd653d63ef3e754d97e9e GIT binary patch literal 2148 zcmV-q2%GnbP)?Nsf^!1P2oq{qQQDNZ94T^G;;1DK zdxnHruQ-zBXcQq&!RNHd#}+oR?WteHL~O)JtfqXyIoy+gPX&{W4T8}%t%#+I7$pEm zrS5j7&KX@R0ocMOwoMX1Y{aO+6`aHU&EKL_f}R9fZVhUKO=@mLDq|oZLwkaQ%EdY$GPZUSgSTf^!n24c}lz+yOl+@FKIf-@RPh}yA&CG&6d zpQ2>h+eXNl|3z2HXJ6VFl8^7iphf-}xOL^<*}H;KDuc}!nU+>4NsX(DcrjH7dfHefXcMAPZi6VDYwReJj$6d&pVIvoqgEXu=?>C-?gg$ z0GztBM)9Jc9gQ^*xo#<{*mPQYM*fLD_7G+t_BA}>@EPB=&<;-BT`2lfut8-&9wO7y zJo(L!g2dStJJaTV=pe>->|;Fb%##nFwW@yuTzaxn_mrT5;G)X3v{g9#%d)0Z zJ5u4o_f6yYjPKaTfP8$!S1s}{!XaFGx?K91V7AI(II4yfu|#2wb)xOg)VU%&V7(^- z-x;s>6fcag_^g51aA>+_omp@~Wm?*`lI2XRvQE?^LbiOj{>t;3&x{A&v^nuntNKsC zorY-ehG2k7MU1U!MXFMqpAyrf;HV>I&eS)3%N|JqwGehnV0IvRsI#Yf-`OX@+ZMcm1*g)>Q;mT1vJ))b_2ue#}|Cks{WO5QDFPAx1U_iWj1%F=+ow{b5FAk%kb8=J znVxB>U#g$J@j3gR*bQ!cbwZI-uvKM19wh5T zIrCAGzN~)wq;IY2hYP27S-)Sttf3}fHZSY8d}%5((x;-#SOZRceOleuf`w}GWf9~{ zpHx46Y08WX;lf|%Hs%tXR+*M|s%SY_!eOoX>O}?yH%-cr* zeQ3&zBjCW_XZXew>{pX7Gb3MmrTVe0DKqXT_CPqr`UOF2!Bv%YqI#uRV$e{&mFcEj~S!FUzXQm#sy?N8^&cjNV7?UpWkF{(`LcG&N6D9b$3B`eV`pLr_WL3H zE7+_iU*>wCe932grztaT#`jRTA;r^zs)9=@>qIRcC|~j!-)WJ537_#jRPGA$rC`3w zQ7}^E%c6zuJPLTtXMCrXfcf|wYPV*|AvmQnE$w_uz68AHGcEE@;cF<~8|N*-P_5J4 zBUZX4U-DY>wDO_&8mc!aiX+&kGA-?U?dnUwYpv?vhmWCrhp6WTE!5=8MrDAe%-8}S zL;W^gzY5kUo!|?!60io}0+Tg;`LdMY0)YnzF5nZsh0D$AJ{C+1pae|Ar*OMtU^>CE z03iPuzJ%i~8($Oj4uAyo#+PutZ)Rk{4nLB=10RBmHGTQAo`HO6Dl^u@hj71p?015t zen`Ml`W6@LO^C=ZIO{|5&(h~@59|cICm7?y1dO52yS=cJkXUfY2jm~3ulqf)6Y!Ft zgAWqWfxaH>g`I@I1)ID`{wDgcnSQiKz#we8=Y^ewSb{wY zw{&SwBh%#%p*-sx9f0 + + + + + Vue Route Values + + + + + + + + + + + + + + + + + + + + + + + + +
Vue Route Values

+ Vue Route Values +

+ A set of simple components to manage route and query params using Vue Router. +

+ Let's Start! +

Composable Route Value components

Handle simple "scoped values" without any scaffolding.

Your URL will be always sincronized!

Keep your route params updated as your user interacts with your web.

Use them easily with a mixin

You can use your Route Values directly at your component using routeValuesMixin.

+ Made by Adrian Hurtado with ❤️ +
+ + + diff --git a/logo.png b/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..60e17006ad07cd313788585e2f5e528fbb7cf821 GIT binary patch literal 3451 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 literal 0 HcmV?d00001