transfer project in github

layouts/admin-auth.vue

@@ -0,0 +1,27 @@
+<template>
+  <client-only>
+    <div class="c-app flex-row align-items-center">
+      <CContainer>
+        <nuxt/>
+      </CContainer>
+    </div>
+  </client-only>
+</template>
+
+<script>
+export default {
+  head() {
+    return {
+      htmlAttrs: {
+        lang: 'fa',
+        dir: 'rtl'
+      },
+      title: 'ورود به پنل کاربری'
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import '../assets/admin/scss/style.scss';
+</style>

layouts/admin.vue

@@ -0,0 +1,56 @@
+<template>
+  <client-only>
+    <div class="c-app">
+      <TheSidebar/>
+      <CWrapper>
+        <TheHeader/>
+        <div class="c-body">
+          <main class="c-main">
+            <CContainer fluid class="pt-5">
+              <transition name="fade" mode="out-in">
+                <nuxt :key="$route.path"/>
+              </transition>
+            </CContainer>
+          </main>
+        </div>
+        <TheFooter/>
+      </CWrapper>
+    </div>
+  </client-only>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      subHeaderContent: null
+    }
+  },
+  head() {
+    return {
+      htmlAttrs: {
+        lang: 'fa',
+        dir: 'rtl'
+      },
+      title: 'کافه رستوران برگ | پنل کاربری'
+    }
+  },
+  middleware: ['auth-admin', 'permissions']
+}
+</script>
+
+<style lang="scss">
+@import '../assets/admin/scss/style.scss';
+</style>
+
+<style scoped>
+.fade-enter-active,
+.fade-leave-active{
+  transition: opacity 0.3s;
+}
+
+.fade-enter,
+.fade-leave-to{
+  opacity: 0;
+}
+</style>

layouts/blank.vue

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

layouts/default.vue

@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <PreLoader/>
+    <PageLoad v-if="this.$store.state.global_vars.preLoader"/>
+    <SiteHeader/>
+    <OffcanvasMenu/>
+    <nuxt/>
+    <SiteFooter v-if="$route.name !== 'index'"/>
+    <IconsHamburgerBtn/>
+  </div>
+</template>
+<script>
+export default {
+  mounted() {
+    ////////////////////////////////////// global router guards
+    const _du = this.$store.state.animations.pageLoad.duration
+    // const _ease = context.store.state.animations.pageLoad.ease
+    const _ease = ''
+    ///////// add navigation guards to router
+    ////////////////////////////////////////////////////////////////////////// beforeEach
+    this.$router.beforeEach((to, from, next) => {
+      $('body').attr('class', null)
+      //// page Load animation
+      if (this.$store.state.global_vars.preLoader) {
+        if (window.innerWidth >= 768) {
+          this.$gsap.timeline({
+            onComplete: () => {
+              next()
+            }
+          })
+              .set($('.pageLoad'), {display: 'block'})
+              .to($('.pageLoad .cCol'), {opacity: 1, stagger: 0.005, duration: 0.5})
+        } else {
+          if (this.$store.state.global_vars.offCanvas) {
+            $('.hamburger--btn').click()
+          }
+          next()
+        }
+      }
+    })
+    ////////////////////////////////////////////////////////////////////////// afterEach
+    this.$router.afterEach((to, from) => {
+      //// change theme
+      setTimeout(function () {
+        $(":root").css({
+          '--theme': '#8DC640',
+          '--theme-hover': '#5E943C',
+          '--bg-color': '#F2F2F2'
+        })
+        $('body').removeClass('cafe--theme')
+        document.querySelector('meta[name="theme-color"]').setAttribute("content", '#8DC640');
+      }, 200)
+
+
+      //// page Load animation
+      if (this.$store.state.global_vars.preLoader) {
+
+        this.$gsap.timeline()
+            .to($('.pageLoad .cCol'), {opacity: 0, stagger: 0.005, duration: 0.5})
+            .set($('.pageLoad'), {display: 'none'})
+            .timeScale(0.7)
+
+      }
+
+
+    })
+  }
+}
+</script>

layouts/error.vue

@@ -0,0 +1,20 @@
+<template>
+	<div class="error--page">
+		<div v-if="error.statusCode === 404">
+			<h1>404</h1>
+			<p>page not found</p>
+			<nuxt-link to="/">صفحه اصلی</nuxt-link>
+		</div>
+		<div v-else>
+			<h1>{{error.statusCode}}</h1>
+			<p>{{error.message}}</p>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+	   props: ['error'],
+		layout: 'blank'
+	}
+</script>