<template>
	<div class="offCanvas">
		<div class="links">
			<ul>
				<li class="title">
					<h2>{{staticData.mainLinks}}</h2>
				</li>
				<nuxt-link :to="{name: 'lang',params: {lang: $route.params.lang}}" tag="li" exact class="">
					<a>{{staticData.home}}</a>
				</nuxt-link>
				<nuxt-link :to="{name: 'lang-about',params: {lang: $route.params.lang}}" tag="li" exact class="">
					<a>{{staticData.about}}</a>
				</nuxt-link>
				<nuxt-link :to="{name: 'lang-services',params: {lang: $route.params.lang}}" tag="li" exact class="">
					<a>{{staticData.services}}</a>
				</nuxt-link>
				<nuxt-link :to="{name: 'lang-products',params: {lang: $route.params.lang}}" tag="li" class="">
					<a>{{staticData.products}}</a>
				</nuxt-link>
				<nuxt-link :to="{name: 'lang-projects',params: {lang: $route.params.lang}}" tag="li" exact class="">
					<a>{{staticData.projects}}</a>
				</nuxt-link>
				<nuxt-link :to="{name: 'lang-blog',params: {lang: $route.params.lang}}" tag="li" class="">
					<a>{{staticData.blog}}</a>
				</nuxt-link>
				<nuxt-link :to="{name: 'lang-contact',params: {lang: $route.params.lang}}" tag="li" exact class="">
					<a>{{staticData.contact}}</a>
				</nuxt-link>
				<li class="title t2">
					<h2>{{staticData.techLinks}}</h2>
				</li>
				<!-- technical information -->
				<nuxt-link :to="{name: 'lang-tech-gTech',params: {lang: $route.params.lang}}" tag="li">
					<a>{{staticData.ti_1}}</a>
				</nuxt-link>
				
				<nuxt-link :to="{name: 'lang-tech-gStandard',params: {lang: $route.params.lang}}" tag="li">
					<a>{{staticData.ti_2}}</a>
				</nuxt-link>
				
				<nuxt-link :to="{name: 'lang-tech-gDesign',params: {lang: $route.params.lang}}" tag="li">
					<a>{{staticData.ti_3}}</a>
				</nuxt-link>
				
				<nuxt-link :to="{name: 'lang-tech-gUsage',params: {lang: $route.params.lang}}" tag="li">
					<a>{{staticData.ti_4}}</a>
				</nuxt-link>
				<!-- technical information -->
			</ul>
		</div>
	</div>
</template>


<script>
   export default {
      computed: {
         staticData() {
            return this.$store.state.staticData.header[this.$route.params.lang]
         }
      }
   }
</script>
