Spruha - Vue-3 Admin Dashboard Template

Spruha Layout Structure

The following MainDashboard.vue Vue code should in your project to get the standard structure

	
	<template>
	<div className="horizontalMenucontainer">
		<Switcher/>
			<div className="page">
				<Header/>
					<Sidebar/>
						<div className="main-content side-content pt-0" v-on:click="Remove()">
				  			<div className="main-container container-fluid">
								<div className="inner-body">
					 			 	<router-view/>
									</div>
				  				</div>
							</div>
						<Rightsidebar/>
			  			</div>
					<Backtotop/>	
			  	<Footer/>
			</div>
	</template>
<script>
import Header from "../../Shared/Components/Header/Header.vue";
import Footer from "../../Shared/Components/Footer/Footer.vue";
import Rightsidebar from "../../Shared/Components/Rightsidebar/Rightsidebar.vue";
import Sidebar from "../../Shared/Components/Sidebar/Sidebar.vue";
import Pageheader from "../../Shared/Components/Pageheader/Pageheader.vue";
import Switcher from "../../Shared/Components/Switcher/Switcher.vue";
import Backtotop from "../Components/Backtotop/Backtotop.vue";
export default {
  beforeCreate() {
    document.querySelector("body").classList.remove("error-1");
    document
      .querySelector("body")
      .classList.remove("app", "sidebar-mini", "landing-page", "horizontalmenu");
    document.querySelector("body").classList.add("main-body", "leftmenu");
  },
 
  methods: {
    Remove: function () {
      document.querySelector(".sidebar-right").classList.remove("sidebar-open");
      document.querySelector("body").classList.remove("main-sidebar-show");
      document.querySelector(".demo_changer").classList.remove("active");
      document.querySelector(".demo_changer").style.right = "-270px";
    },
  },
  components: {
    Header,
    Rightsidebar,
    Footer,
    Sidebar,
    Pageheader,
    Switcher,
    Backtotop,
  },
};
</script>
		
	
Important License Terms
  • You cannot charge your end product end users with a Regular License.
  • If you want to collect payments from end product end users then you must buy an Extended License for each of the end product.
  • You must buy one license for one domain only.(i.e Either Regular or Extended)
  • You cannot use Multi Domain,Multi Client, Multiple end Products with any of the licenses (i.e Either Regular or Extended).

for more details please click the link