siteurl:'https://nativescript-vue.org/',

description:'Build truly native apps using Vue.js',

moment,

localeMap:{

'en':'English',

'hu':'Magyar',

<divclass="flex flex-wrap justify-center">

<divclass="bg-blue-dark border-t-8 border-green">

<divclass="container flex items-center flex-wrap px-4 md:px-0 mx-auto">

<divclass="flex-1 flex items-center">

<ahref="/">

<ahref="<%= lang() %>">

<divclass="relative w-16 h-16">

<imgclass="w-16 h-16 absolute pin"

src="https://art.nativescript-vue.org/NativeScript-Vue-White-Green.svg"

</div>

</a>

<spanclass="hidden lg:block w-1 h-1 bg-blue-light rounded-full ml-2"></span>

<spanclass="hidden lg:block w-2 h-2 bg-blue-light rounded-full ml-2"></span>

<spanclass="hidden lg:block w-4 h-4 bg-blue-light rounded-full ml-2"></span>

<spanrole="presentation"aria-hidden="true"

class="hidden lg:block w-1 h-1 bg-blue-light rounded-full ml-2"></span>

<spanrole="presentation"aria-hidden="true"

class="hidden lg:block w-2 h-2 bg-blue-light rounded-full ml-2"></span>

<spanrole="presentation"aria-hidden="true"

class="hidden lg:block w-4 h-4 bg-blue-light rounded-full ml-2"></span>

<divclass="hidden md:block px-4 py-1 rounded-full bg-blue-light ml-2">

<ahref="#"class="no-underline text-white hover:text-green text-sm truncate">Announcing v1.0! Click to read more.</a>

<ahref="/"class="no-underline text-white hover:text-green text-sm truncate">

Announcing v1.0

</a>

</div>

</div>

<divclass="w-auto text-center relative">

<inputclass="w-full md:w-32 px-4 py-2 text-blue-lightest bg-blue-light rounded-full"

<inputclass="w-full md:w-48 px-4 py-2 text-blue-lightest bg-blue-light rounded-full"

type="search"

aria-label="Search"

placeholder="Search coming soon."

<div:class="{ hidden: isMobile && !navOpen, flex: isMobile && navOpen }"

class="flex-col md:flex-row w-full md:w-auto">

<ahref="<%= lang(null, 'docs/about-nativescript-vue') %>"

class="no-underline text-blue-lightest md:ml-6 mr-4 py-4">Docs</a>

<ahref="/<%= collections.blog[0].path %>"class="no-underline text-blue-lightest mr-4 py-4">Blog</a>

<divclass="flex flex-col">

<ahref="https://github.com/rigor789/nativescript-vue"

target="_blank"

rel="noopener"

class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2">GitHub</a>

<ahref="https://developer.telerik.com/wp-login.php?action=slack-invitation"

@click.prevent="modalVisible = true"

target="_blank"

rel="noopener"

class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2">Slack</a>

</div>

</div>

</div>

<divclass="inline text-blue-lightest py-4 relative group">

<svgrole="img"aria-label="Language"class="w-4 h-4 fill-current -mb-px"viewBox="0 0 20 20"

version="1.1"xmlns="http://www.w3.org/2000/svg"xml:space="preserve"

style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><path

d="M20,10c0,-5.532 -4.488,-10 -10,-10c-5.509,0 -10,4.465 -10,10c0,5.522 4.477,10 10,10c5.52,0 10,-4.475 10,-10Zm-1.678,2.581l-4.01,0c0.277,-1.73 0.266,-3.497 0.002,-5.162l4.008,0c0.517,1.67 0.517,3.492 0,5.162Zm-8.322,6.064c-1.239,-1.118 -2.183,-2.803 -2.72,-4.774l5.44,0c-0.537,1.971 -1.481,3.656 -2.72,4.774Zm-3.006,-6.064c-0.29,-1.669 -0.297,-3.449 0.001,-5.162l6.01,0c0.298,1.712 0.291,3.492 0.001,5.162l-6.012,0Zm3.006,-11.225c1.353,1.221 2.24,3.022 2.718,4.773l-5.436,0c0.48,-1.76 1.37,-3.556 2.718,-4.773Zm7.804,4.773l-3.75,0c-0.441,-1.78 -1.184,-3.375 -2.173,-4.635c2.588,0.569 4.762,2.295 5.923,4.635Zm-9.685,-4.635c-0.989,1.26 -1.732,2.855 -2.173,4.635l-3.75,0c1.161,-2.34 3.335,-4.066 5.923,-4.635Zm-6.441,5.925l4.008,0c-0.264,1.665 -0.275,3.432 0.002,5.162l-4.01,0c-0.517,-1.67 -0.517,-3.492 0,-5.162Zm0.518,6.452l3.755,0c0.443,1.781 1.188,3.38 2.17,4.636c-2.602,-0.572 -4.77,-2.308 -5.925,-4.636Zm9.683,4.636c0.982,-1.256 1.727,-2.855 2.17,-4.636l3.755,0c-1.157,2.332 -3.327,4.065 -5.925,4.636Z"

style="fill-rule:nonzero;"/></svg>

<spanclass="md:hidden">Language</span>

<spanclass="-md:hidden">Translations</span>

<divclass="pl-4 mt-3 md:pl-0 md:hidden group-hover:block hover:block md:absolute md:bg-white md:shadow md:rounded md:pin-r overflow-hidden">

<divclass="flex flex-col">

</div>

</div>

</div>

</div>

<metaname="viewport"

content="width=device-width, initial-scale=1.0">

<metahttp-equiv="X-UA-Compatible"content="ie=edge">

<style>

</style>

<linkrel="stylesheet"href="https://unpkg.com/highlight.js@9.12.0/styles/paraiso-dark.css">

<linkrel="stylesheet"href="https://unpkg.com/github-markdown-css@2.9.0/github-markdown.css">

<linkrel="stylesheet"href="/styles.css">

<divv-cloakv-show="modalVisible"class="fixed pin z-50 overflow-auto bg-smoke-dark flex"@click.self="modalVisible = false">

<divclass="relative p-4 w-full max-w-md m-auto flex flex-col"style="background:#f1f1f1;">

<divclass="absolute pin-t pin-r mr-4 mt-4 cursor-pointer text-smoke-dark hover:text-black"

@click="modalVisible = false">

<svgclass="w-4 h-4 fill-current"viewBox="0 0 20 20"version="1.1"xmlns="http://www.w3.org/2000/svg"

xml:space="preserve"

style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">

<pathd="M11.534,10l8.254,-8.254c0.283,-0.283 0.283,-0.74 0,-1.023l-0.511,-0.511c-0.283,-0.283 -0.74,-0.283 -1.023,0l-8.254,8.254l-8.254,-8.248c-0.283,-0.283 -0.74,-0.283 -1.023,0l-0.511,0.511c-0.283,0.283 -0.283,0.74 0,1.023l8.254,8.248l-8.248,8.254c-0.283,0.283 -0.283,0.74 0,1.023l0.511,0.511c0.283,0.283 0.74,0.283 1.023,0l8.248,-8.254l8.254,8.254c0.283,0.283 0.74,0.283 1.023,0l0.511,-0.511c0.283,-0.283 0.283,-0.74 0,-1.023l-8.254,-8.254Z"

style="fill-rule:nonzero;"></path>

</svg>

</div>

<divclass="flex items-center">

<iframev-if="modalLoaded || modalVisible"

:src="'https://developer.telerik.com/wp-login.php?action=slack-invitation'"

class="w-full h-full"

style="height:420px;"

@load="modalLoaded = true"

frameborder="0"

></iframe>

</div>

</div>

</div>

data:{

modalVisible:false,

modalLoaded:false,

isMobile:false,

navOpen:false,