Spruha -Vue3 Admin & Dashboard Template

Note:-

Please refer Faq's page in documentation itself for queries like customization like color ,rtl ,dark style..etc.

Folder Structure
Spruha/
├── vscode
├── node_modules
├── public/
|   ├── Vite.svg
├── src/
|   ├── assets
|   |   ├── css
|   |   ├── icons
|   |   ├── img
|   |   ├── img1
|   |   ├── langing
|   |   ├── plugins
|   |   ├── scss
|   |   └── switcher
|   ├── components
|   ├── Router/
|   ├── index.js
|   ├──  Shared/
|   |   ├── Components/
|   |   ├── BacktoTop
|   |   ├── Header
|   |   ├── RightSide
|   |   ├── Sidebar
|   |   ├── Footer
|   |   ├── Switcher
|   |   ├── Layouts/
|   |   ├── Errorpagesinfo.vue
|   |   ├── Landingpage.vue
|   |   ├── MainDashboard.vue
|   |   ├── Messagesinformation.vue
|   |   ├── Themepage.vue
|   ├── .env
|   ├── App.vue
├── main.js
├── gulpfile
├── style.scss
├── gitignore
├── index.html
├── package-lock.json
├── package.json
├── README.md
└── vite.config.js

					
# File Purpose
node_modules Node.js creates this folder and puts all third party modules listed in package.json inside of it.
favicon.ico Every site wants to look good on the bookmark bar. Get started with your very own icon.
index.html The main HTML page that is served when someone visits your site. Most of the time you'll never need to edit it. The CLI automatically adds all js and css files when building your app so you never need to add any <script> or <link> tags here manually.
index.js Routing basically means navigating between pages. You have seen many sites with links that direct you to a new page. This can be achieved using routing.
main.js Import default styles component in Globally (on your main.js ) :
app.js Defines AppModule, the root module that tells how to assemble the application. Right now it declares only the AppComponent. Soon there will be more components to declare.
assets A folder where you can put images, css, json data anything else to be copied wholesale when you build your application.
styles.scss Your global styles go here. Most of the time you'll want to have local styles in your components for easier maintenance, but styles that affect all of your app need to be in a central place.
.gitignore Git configuration to make sure autogenerated files are not commited to source control.
package.json npm configuration listing the third party packages your project uses. You can also add your own custom scripts here.
README.md Basic documentation for your project, pre-filled with CLI command information. Make sure to enhance it with project documentation so that anyone checking out the repo can build your app!
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