Samar - Vuejs Creative Agency Template

Samar

Samar - Vuejs Creative Agency Template

Thank you for purchasing this React template.

If you like this template, Please support us by rating this template with 5 stars

Package Installation & Setup -

1.- Install npm

It will create 'node_module' folder in this all dependency files will be install with this command. npm install

npm install

2.- Run Project

With is command file will be compiled and it will be loaded on local server `http://localhost:5173/`. npm run dev

npm run dev

3.- Production Build

You may run npm run build-only command to build the app.

npm run build-only

4.- Testing the App Locally

Once you've built the app, you may test it locally by running npm run preview command

 npm run preview

5.- Deploying your site

For More details Click

6.- Note:

To get more help on the Vue.js checkout Vue.js

To get more help on the Vite checkout Vite

7.- Further help

You can learn more in the Create Vue Application Documentation To learn Vuejs, check out the Vue Documentation.

Folder Directories -

images

This folder contains all the images of Samar template.
fonts

This folder font files for various template features.
css

This folder contains all the CSS files of Samar template.
component

This folder has all component files.
views

This folder has all pages files.
router

This folder has all router.

Credits -

Vuejs

Click to See
Vite

Click to See
TypeScript

Click to See
Google fonts are used in the template.

Click to See
Font Awesome

Click to See
Images are used

Pexels.com
Router

Click to See
Swiper Slider

Click to See

Project Main Features -

Vite
Fully Responsive
Detailed Documentation
TypeScript
Slider
Contact Us
Advanced Elements
Social
Under Maintenance
Coming Soon Page
Error 404
Scroll
Key Feature
Blog Page
Router

main.ts Structure

import './assets/css/style.css'
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)

app.use(router)

app.mount('#app')

Create a Page


<script>
 // import library here if required
</script>
<template>
 // write code here
 <div class="demo">
  <h1>This is an demo page</h1>
 </div>
</template>

<style>
/ write css here if required /
 .about {
   min-height: 100vh;
   display: flex;
   align-items: center;
 }
</style>