Spruha– Vue3 Admin & Dashboard Template

Note:-

Please refer Faq's page in documentation itself for queries and customization like Colors, RTL, Dark style..etc.

Vue Setup

Create a workspace and initial application

You develop apps in the context of an Vue3 workspace.
To create a new workspace and initial starter app:

  1. Run the command Vue new and provide the name filename as my-app, as shown below
  2. npm init vue@latest
    
    // This command will install and execute create-vue, the official Vue project scaffolding tool. You
    will be presented with prompts for several optional features such as TypeScript and testing
    support:
    
    
    
    ✔ Project name: … <your-project-name>
      ✔ Add TypeScript? … No / Yes
      ✔ Add JSX Support? … No / Yes
      ✔ Add Vue Router for Single Page Application development? … No / Yes
      ✔ Add Pinia for state management? … No / Yes
      ✔ Add Vitest for Unit testing? … No / Yes
      ✔ Add Cypress for both Unit and End-to-End testing? … No / Yes
      ✔ Add ESLint for code quality? … No / Yes
      ✔ Add Prettier for code formatting? … No / Yes
    
      Scaffolding project in
      <your-project-name>...
        Done.
    

If you are unsure about an option, simply choose No by hitting enter for now. Once the project is created, follow the instructions to install dependencies and start the dev server:

Run the application

The Vue3 includes a server, so that you can build and serve your app locally.

  1. Navigate to the workspace folder
  2. Run the following commands:
 > cd  <your-project-name >
  > npm install
  > npm run dev
 
                                     

You should now have your first Vue project running!

To use Sass

you neeed to install an Sass using npm

In the component you can select an language:
 <style> lang="css" scoped>  </style>

Note:Scoped slots allow us to pass a template to the slot instead of passing a rendered element. 
It's called a “scoped” slot because although the template is rendered in the parent component scope, 
it will have access to certain child component data.
                  
SpruhaSetup

If you have already download and install node.js and Vue 3 then ignore prerequisites.

Prerequisites
Node.js

Download latest version of node.js from nodejs.org.
Install Node.js using downloaded file.
To check your node version, run node -v in a terminal/console window (cmd)

Setup an SpruhaTemplate by
  1. Download the Spruharar/zip file.
  2. Extract it and then go in to Folder here you will see a Spruha Folders
  3. You can import all dependency by installing npm command
  4. npm install
        (or)
    yarn install
  5. Now you are in stage to successfully run Spruha using below command:
  6. npm run dev
        (or)
    yarn run dev
                    
    Once you serve your application by default it will take their default port .
For installation of node_modules to project
    npm install

    (or)

    yarn install

If you are using any plugin dependencies you might get some error while installation. to overcome like such error use

    npm install --force

    (or)

    yarn install--force
Build Application
Build your application for host on server using below command:
yarn run build
   (or)
npm run build

Installation Video
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