Amir Mohamadi
55 lines
1.6 KiB
Vue
55 lines
1.6 KiB
Vue
<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>
|