<template>
	<header class="header">
		<div class="container-fluid">
			<nav class="row">
				<div class="col-12">
					<div class="container-fluid">
						<ul class="row">
							<nuxt-link :to="staticData.home.url" tag="li" exact class="col">
								<a class="logo">
									<logo/>
								</a>
							</nuxt-link>
							<nuxt-link :to="staticData.home.url" tag="li" exact class="col">
								<a>{{staticData.home.title}}</a>
							</nuxt-link>
							<nuxt-link :to="staticData.about.url" tag="li" exact class="col">
								<a>{{staticData.about.title}}</a>
							</nuxt-link>
							<nuxt-link :to="staticData.services.url" tag="li" exact class="col">
								<a>{{staticData.services.title}}</a>
							</nuxt-link>
							<nuxt-link :to="staticData.products.url" tag="li" exact class="col">
								<a>{{staticData.products.title}}</a>
							</nuxt-link>
							<nuxt-link :to="staticData.contact.url" tag="li" exact class="col">
								<a>{{staticData.contact.title}}</a>
							</nuxt-link>
							<li>
								<select name="" id="">
									<option value="fa" selected>فا</option>
									<option value="en" selected>EN</option>
								</select>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</header>
</template>

<script>
   export default {
      computed: {
         staticData() {
            if (this.$route.params.lang === 'fa') {
               return this.$store.state.staticData.header.fa
            } else if (this.$route.params.lang === 'en') {
               return this.$store.state.staticData.header.en
            }
         }
      }
   }
</script>
