front-end almost done | started back-end

layouts/admin.vue

@@ -0,0 +1,49 @@
+<template>
+	<div class="admin" v-if="$auth.loggedIn && $auth.user.scope.includes('admin')">
+		<!--	<div class="admin">-->
+		<div class="admin">
+			<admin-header/>
+			<div class="container-fluid">
+				<div class="row">
+					<aside class="admin--sidebar">
+						<admin-user v-if="$auth.loggedIn && $auth.user.scope.includes('admin')" :user="$auth.user.name"/>
+						<admin-aside/>
+					</aside>
+					<div class="admin--content">
+						<nuxt/>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="admin" v-else>
+		<div class="admin--content" style="flex-basis: 100%!important;height: 100%!important;">
+			<div class="container">
+				<div class="row">
+					<nuxt/>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+   export default {
+      head() {
+         return {
+            htmlAttrs: {
+               lang: 'fa'
+            }
+         }
+      },
+      middleware: 'auth-admin'
+   }
+</script>
+
+<style>
+	@import "assets/admin/css/bootstrap-grid-customized.css";
+	@import "assets/admin/fonts/fontawesome/css/all.min.css";
+</style>
+<style lang="scss">
+	@import "assets/admin/sass/admin";
+</style>

layouts/blank.vue

@@ -0,0 +1,5 @@
+<template>
+	<div>
+		<nuxt/>
+	</div>
+</template>

layouts/default.vue

@@ -1,22 +1,23 @@
 <template>
 	<div>
-		<site-header/>
+		<SiteHeader/>
 		<nuxt/>
-		<home-footer v-if="this.$route.name === 'lang'"></home-footer>
-		<site-footer v-else></site-footer>
+		<SiteFooterHomePage v-if="this.$route.name === 'lang'"></SiteFooterHomePage>
+		<SiteFooterGlobal v-else></SiteFooterGlobal>
 	</div>
 </template>
 
 
 <script>
    export default {
-      mounted() {},
+      mounted() {
+      },
       head() {
          return {
             htmlAttrs: {
-               lang: 'fa'
-				}
-			}
+               lang: this.$route.params.lang
+            }
+         }
       }
    }
 </script>

layouts/error.vue

@@ -0,0 +1,19 @@
+<template>
+	<div v-if="error.statusCode === 404" class="error--page">
+		<h1>{{error.statusCode}}</h1>
+		<p>{{error.message}}</p>
+		<nuxt-link :to="{name: 'lang',params: {lang: 'fa'}}">Home</nuxt-link>
+	</div>
+	<div v-else class="error--page">
+		<h1>{{error.statusCode}}</h1>
+		<p>{{error.message}}</p>
+		<nuxt-link :to="{name: 'lang',params: {lang: 'fa'}}">Home</nuxt-link>
+	</div>
+</template>
+
+<script>
+   export default {
+      props: ['error'],
+      layout: 'blank'
+   }
+</script>