Thank you for Purchasing



Veluxi - Vue JS Landing Page Collection

Version 3.2.0


  • Created : 16 March 2020
  • Latest Update : 9 Mar 2024

What is Veluxi?


banner

Veluxi Is a stunning modern template collection to present your startup & your companies the way they truly deserve!. Built with Vue 3, Nuxt 3, Vuetify 3, and Sketch files included. Packed with an assortment fully adaptable templates for your Startup, Saas company, Agencies, Cloud business, Architect company, Crypto currency, 4 Personal portfolios, even eCommerce shop.

Veluxi provides you dramatic look with Dark and Light mode. You can choose basic color for your website and combine it with dark/light mode. it’s thoughtfully designed to make every element on the screen easier on your eyes. But, that’s not all - this template also has RTL support and translation ready with 6 languages.

What's Inside?
This template contain 14 templates + starter-project. Designed for multipurpose industries including Agency, Architect, Cryptocurrency, Fashion, Hosting, Mobile, 4 Portfolios and Saas. Those extraordinary things is supported by more than 100 components based on material-ui designs. That all for you to boost your web app development process. Veluxi is very easy to fit your business needs! Try to visit the demo and get convinced!

Template Feature


Vue + Nuxt JS version

  • 14 landing page templates. Built with one of most popular javascript library Vue 3, Vuetify (Material Design) and Nuxt.JS with SSR
  • Various modern design Agency, Architect, Cryptocurrency, Fashion, Hosting, Mobile, Portfolio and Saas
  • Premium designs. Simple and elegant multi color scheme
  • Dark Mode. Creative and modern design along with dark mode to make it easy on your eyes.
  • RTL Support. RTL adjustment styling with rtl-saas.
  • Support multilanguage. Including 6 translation English, Deutsch, Arabic, Chinese, Bahasa Indonesia, Español.
  • 100+ section components and UI modules which reusable and easy to modify.
  • Interactive and Attractive show. Stunning animation, parallax, scrolling effects, even video background will make your site wilder
  • Next Generation JavaScript written in ES6
  • Responsive design Based on standard 12 Grid System
  • Starter Project. Build app from scratch without without being distracted from innate feature.
  • Clean code maintained by eslint.
  • Fully vector icons and font icons.
  • And many more...

Sketch Version

  • 11 elaborate high quality designs
  • Including Dark and Light version
  • Based on standard 12 Grid System
  • Fully Vector Icons
  • Easy to edit and well organized layers, and goups.

Folder Structure


└── packages
    ├── [theme-name]
    |   ├── .eslintrc.js
    |   ├── .gitignore
    |   ├── .npmrc
    |   ├── assets
    │   ├── components
    │   ├── composable
    │   ├── config
    │   ├── error.vue
    │   ├── lang
    │   ├── layouts
    │   ├── nuxt.config.ts
    │   ├── package.json
    │   ├── package-lock.json
    │   ├── pages
    │   ├── plugin
    │   ├── preview.jpg
    │   ├── public
    │   ├── README.md
    │   ├── tsconfig.json
                        

Installation and Running App


To begin installation please follow this guide bellow:

  • Connect to the internet
  • Install NodeJs from NodeJs Official Page *We recommend to use LTS version, which recommended for most users
  • Unzip the Veluxi file to a folder in your computer
  • Open Terminal
  • Go to your file project (where you've unzipped the product)
  • Go to packages and choose a template. Example packages/agency/
  • Install Modules
    Install module dependencies by run this script in terminal
    npm install

    If You're system:

    • Mac OS 10.15 Catalina
    • And Doesn't have X Code or Command Line Tools installed
    • And Using Node version 14.xx or greater

    Please install by using yarn. To avoid no-gyp error. See the yarn official site https://classic.yarnpkg.com/en/docs/install

    yarn install
    It will download some necessary dependencies, and just wait until finish.

  • Run App
    After build installation complete, then run the app.
    npm run dev
    The process might take a moment.
    process
    INFO:
    - Just run this script whenever you want start the project.
    - Run npm install again if you have new module dependencies,
  • For agency template please navigate to http://localhost:8001
  • Here's the port list for each template
    Template Port Landing Page URL
    Starter Project 8000 http://localhost:8000
    Agency Theme 8001 http://localhost:8001
    Architect Theme 8002 http://localhost:8002
    Cryptocurrency Theme 8003 http://localhost:8003
    Fashion Theme 8004 http://localhost:8004
    Hosting Theme 8005 http://localhost:8005
    Mobile Apps Theme 8006 http://localhost:8006
    Portfolio Theme 8007 http://localhost:8007
    Saas Theme 8008 http://localhost:8008
    Medical Theme 8009 http://localhost:8009
    Movie Theme 8010 http://localhost:8010
    Education Theme 8011 http://localhost:8011
    Profile 1 Theme 8012 http://localhost:8012
    Profile 2 Theme 8013 http://localhost:8013
    Profile 3 Theme 8014 http://localhost:8014
    Showcase 8015 http://localhost:8015

Build App


Build project

  • Here'a bellow an example for agency-theme. You can use the same steps to other packages(projects)
  • First you need to build the production assets first
    npm run build
    It usually take longer time than development to generate and compress production code. The generated files will be placed in .output/ process
  • Then start the app
    npm run preview
  • Then navigate to http://localhost:3000
  • Note: In Windows system you need to install win-node-env, because setting NODE_ENV=production before command babel doesn't work on Windows. Here's the packages https://www.npmjs.com/package/win-node-env




Build Static HTML

Run the following commands:

 npm run generate
                        

Now you can see the exported HTML content on a directory called .output/public inside your project. That's a fully functioning static web app. You can deploy it to any static hosting service. But before we do that, we need to test it out locally. In order to test the app, install the following serve NPM module globally:

npm install -g serve
                        

After you've installed serve, run following commands from /.output/public directory

serve -p 1234
                        

Now you can access your static app in http://localhost:1234.

Deployment


Deploy to server

  • First you have to clone/copy the project in your hosting/cloud server.
  • If you haven't install the dependencies before, please run npm install
  • Then run npm run build
  • Run app in background process

    To run it in background you may try PM2 pm2.keymetrics.io and https://www.npmjs.com/package/pm2. PM2 is a daemon process manager that will help you manage and keep your application online 24/7

    • Install the pm2 globally
      npm install pm2@latest -g
    • Go to project folder i.e packages/agency
    • Create ecosystem file
      pm2 ecosystem
      It will generate ecosystem.config.js in your root project
    • Open ecosystem.config.js. Then Change the script target to ./index.js like this:
                                        
      module.exports = {
        apps : [{
          name      : 'agency-vue',
          port      : '3000',
          exec_mode : 'cluster',
          instances : 'max',
          script    : './.output/server/index.mjs',
          env: {
            NODE_ENV: 'development'
          },
          env_production : {
            NODE_ENV: 'production'
          }
        }],
      
        deploy : {
          production : {
            user : 'node',
            host : '212.83.163.1',
            ref  : 'origin/master',
            repo : 'git@github.com:repo.git',
            path : '/var/www/production',
            'post-deploy' : 'npm install && pm2 reload ecosystem.config.js --env production'
          }
        }
      };
      
                                        
                                      
    • Run the project
      pm2 start ecosystem.config.js --env production
    • Then navigate to http://localhost:3001



Deploy to Vercel

Deploy your website quickly, without having to manually configure DNS, SSL, CDN or hosting. Integrate with your favorite tools, and bring your entire team of developers and designers closer together.

  • Go to your projects, then npm run generate. The static HTML will be generated in dist/ folder
  • Next just run vercel to delploy.
  • Wait until process finish. Once finish you will get live url yo access it.

Troublehooting


Here's most common error problem when installation and first setup project

  • When installation and you got error like this :
    
    Could not resolve dependency:
    peer example-peer-package@"^3.2.0" from example-package@3.0.0
    example-package@3.0.0 from the root project
            
  • Try to remove the error package (i.e example-package@3.0.0) from package.json Then install again.
    npm install
    After installation done, try to install the problematic package manually with --legacy-peer-deps options.
    npm install example-package@3.0.0 --legacy-peer-deps
    Example for multiple package
    npm install example-package@3.0.0 other-package@1.0.0 --legacy-peer-deps
  • When you run npm run dev, build, etc, then you got error like this :br />
    
    Error: error:0308010C:digital envelope routines::unsupported
        at new Hash (node:internal/crypto/hash:67:19)
        at Object.createHash (node:crypto:130:10)
            
  • Open terminal and paste these as described:
    1. Linux and macOS (Windows Git Bash)
      export NODE_OPTIONS=--openssl-legacy-provider
    2. Windows command prompt
      set NODE_OPTIONS=--openssl-legacy-provider
    3. Windows PowerShell
      $env:NODE_OPTIONS = "--openssl-legacy-provider"
  • Then try npm run dev or npm run build again
  • if got error node-gyp like this :
    
    No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.
    gyp ERR! configure error 
    gyp ERR! stack Error: `gyp` failed with exit code: 1
            

    That because you need to install X Code or Command Line Tools for X Code.

  • You can install X Code from AppStore or from https://developer.apple.com/download/more/

    Or you can install via terminal

    xcode-select --install
  • If you don't want to install X Code at all, you can install by using Yarn to avoid no-gyp error. See the yarn official site https://classic.yarnpkg.com/en/docs/install
    yarn install
  • If you get error messages when start project npm run dev like this
    ERROR in ./app/styles/layout/base.scss (./node_modules/css-loader/dist/cjs.js??ref--8-1!./node_modules/postcss-loader/src??ref--8-2!./node_modules/sass-loader/lib/loader.js??ref--8-3!./app/styles/layout/base.scss)
    Module build failed (from ./node_modules/sass-loader/lib/loader.js):
            
  • It mean the node-sass not installed succesfully. May because connection problem, changed node environment during installation, or blocked node-sass repository
  • Please install node-sass manually by npm install node-sass --save
  • Try to start project again npm start
  • You will get this warning message if not use HTTPS
    A cookie associated with a resource at http://doubleclick.net/ was set with `SameSite=None` but without `Secure`. A future release of Chrome will only deliver cookies marked `SameSite=None` if they are also marked `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5633521622188032.
            
    Here's the guide to setup HTTPS with NuxtJS:


Basic Code Structure


Folder structure

└── packages
    ├── [theme-name]
    |   ├── .eslintrc.js
    |   ├── .gitignore
    |   ├── .npmrc
    |   ├── assets
    │   ├── components
    │   ├── composable
    │   ├── config
    │   ├── error.vue
    │   ├── lang
    │   ├── layouts
    │   ├── nuxt.config.ts
    │   ├── package.json
    │   ├── package-lock.json
    │   ├── pages
    │   ├── plugin
    │   ├── preview.jpg
    │   ├── public
    │   ├── README.md
    │   ├── tsconfig.json                                                                        
                        

Code preview



Landing Page

Landing page structure /pages/index.vue

code

Header

You can put google analytics, font icon, embeded fonts, etc here. /nuxt.config.ts

code2

Document body

/app.html

code2


Directory Alias

Name Alias Directory Sample Use
UI Components @/components /components import Header from '@/components/Header'
Images @/assets/images static/images import imgAPI from '@/assets/images/imgAPI'
Dummy text and link @/assets/text static/text import brand from '@/static/text/brand'
Component Style Overider @/assets/scss/vendors /assets/vendors import '@/assets/scss/vendors/animate.css'
And any your files @/yourfolder /yourfolder import '@/yourfolder/file';



Template Architecture

This is template architecture in diagram visualization. Click diagram or full screen button full screen to show in new tab with full screen

Starter Project


This source code made for you who want build app from scratch without without being distracted from innate feature. In other word it's an initial(empty) project with built in configuration setup.

  • You can go through to /packages/starter-project/ folder
  • Connect to the internet
  • Open Terminal
  • The next installation process are same like was described above. Installation Step
  • Install module dependencies by run this script in terminal
    npm install
    It will download some necessary dependencies, it could take some minutes, just wait until finish.
  • Run App
    npm run dev


    INFO:
    - Just run this script whenever you want start the project.
    - Run npm install again if you have new module dependencies,
  • Navigate to http://localhost:8000
  • After this you can can start develop your app with this initial project. And will bo more suitable when use other ready-template as a reference

UI and Languages


Follow this guide bellow to modify user interface, branding identity and default language.

Create New Page


  • In example we want to create an "About" page by adding the following content to pages/about.vue
  • 
    <template>
      <div>
        <h2>This is the about page</h2>
      </div>
    </template>
    
    <script>
    import { defineNuxtComponent } from '#app';
    import brand from '@/assets/text/brand'
    
    export default defineNuxtComponent({
      head() {
        return {
          title: brand.starter.name + ' - About Page'
        }
      }
    })
    </script>
    
                                  
  • Then we can access that page with http://localhost:8000/about




Create New Component


  • Go to /components/
  • Create new folder ex: MyComponent. The name must in capitalize
  • Create new vue file inside that folder with same name as folder MyComponent, that is MyComponent.vue. The name must in capitalize
  • Create new js file inside that folder index.js. Then export the vue componet.
    export { default } from './MyComponent'
  • Inside the file create a simple Vue template ex:
    // file: /components/MyComponent/MyComponent.vue
    
    <template>
      <div>
        <h1>Hello World</h1>
      </div>
    </template>
    
    
  • Open a target page where you want use it. Ex: Open /pages/about.vue. (Example page that we've made in previous section)
  • Import component form component folder
    import MyComponent from '@/components/MyComponent'
  • Then register it in components script export default {
    
      components: {
        MyComponent
      }
    }
                                  
  • Then use it inside template
    <template>
      <div>
        <h2>This is the about page</h2>
        <my-component />
      </div>
    </template>
                                
  • Here's complete code
    // file: /page/about.vue
    <template>
      <div>
        <h2>This is the about page</h2>
        <my-component />
      </div>
    </template>
    
    <script>
    import brand from '@/assets/text/brand'
    import MyComponent from '@/components/MyComponent
    import { defineNuxtComponent } from '#app';
    
    export default defineNuxtComponent({
      components: {
        MyComponent
      },
      head() {
        return {
          title: brand.starter.name + ' - About Page'
        }
      }
    });
    </script>
    
  • Then you can check the result at http://localhost:8000/about

Clean Code with Eslint


Eslint is disabled by default. You can enable it to keep your code consistent and avoiding bug.
NOTE: By enable eslint the running app process at beginning will slower.

Just follow this step to enable eslint
  • Go to /nuxt.config.ts
  • Just uncomment this code bellow
    export default defineNuxtConfig({
      vite: {
        plugins: [
          // eslintPlugin(),
        ]
      },
    })
    
  • Then should become like this
    export default defineNuxtConfig({
      vite: {
        plugins: [
          eslintPlugin(),
        ]
      },
    })
    
  • Run the project npm run dev.
    You will be notified with an error message if your code not clean or consistent. ESLint itself is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and avoiding bugs.
    More about elint https://eslint.org/docs/user-guide/getting-started

External Reference

Here's some external reference of library that we used


Fonts Used




roboto font

Icons Used


Material Font Icons

  • Please make sure Google Material Icons already embeded in nuxt.config.ts in head.link:
    If not just embed this inside head tag
    
    head: {
      link: [
        { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons' }, 
      ]
    }
    
  • Connect to internet
  • Then use it inside Vue templates. Example for use setting icon
    <v-icon>mdi-settings</v-icon>
  • Here's the cheatsheet for Material Icon https://cdn.materialdesignicons.com/4.9.95/
  • You can get icons form quick search here https://materialdesignicons.com/




IonIcons Font

  • Please make sure IonIcons already embeded in components/head.js.
    If not just embed this inside head tag
    <head>
        <link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
    </head>
  • Connect to internet
  • The sample usage
    
    <span class="ion-ios-world-outline" />  
                              
  • Here's the ionicons cheatsheet https://ionicons.com/v2/cheatsheet.html


  • Sources and Credit


    Fonts :
    Roboto, Robot Condensed, Lato, Open Sans, Montserrat

    Preview Images Used
    Unsplash
    Pixabay
    randomuser.me

    Note: All images are just used for Preview Purpose Only. They are not part of the template and NOT included in the final purchase files.


    Credits
    Name Repository License
    @nuxtjs/vuetify https://www.npmjs.com/package/@nuxtjs/vuetify MIT
    babel https://www.npmjs.com/package/Babel None
    eslint https://www.npmjs.com/package/eslint MIT
    node-sass https://www.npmjs.com/package/node-sass MIT
    nuxt https://www.npmjs.com/package/nuxt MIT
    nuxt-gmaps https://www.npmjs.com/package/nuxt-gmaps MIT
    nuxt-i18n https://www.npmjs.com/package/nuxt-i18n MIT
    rtl-sass https://www.npmjs.com/package/rtl-sass ISC
    vue-scrollactive https://www.npmjs.com/package/vue-scrollactive MIT
    vue-youtube https://www.npmjs.com/package/vue-youtube MIT
    vuetify https://www.npmjs.com/package/vuetify MIT

    Online Suport


    If you have any questions about customization of this template wich are not covered in the documentation feel free to ask a question in the comment section or contact me directly via e-mail form on my profile page.

    A product by Ilham Meidi Brata



    Change Log


    Version 3.2.0 – 9 Mar, 2024
    Refactor: create MainContainer component to collect global header and footer
    File added
    - packages/[theme-name]/components/MainContainer
    Chore: Use nuxt-link (<v-btn :to="/">) for navigation
    File changes
    - packages/[theme-name]/components/Header/Header.vue
    - packages/[theme-name]/components/Error/Error.vue
    Version 3.1.3 – 25 Sep, 2023
    Fixed: Autofill background color
    File changes
    - packages/[theme-name]/assets/scss/vuetify-override.scss
    Chore: Update Nuxt to v3.7
    File changes
    - packages/[theme-name]/package.json - packages/[theme-name]/nuxt.config.ts
    Version 3.1.2 – 8 May, 2023
    Fixed RTL Issue
    File changes
    - packages/architect-theme/components/Featured/Featured.vue
    - packages/architect-theme/components/Featured/feature-style.scss
    - packages/education-theme/components/Blog/Blog.vue
    - packages/fashion-theme/components/Blog/Blog.vue
    - packages/fashion-theme/components/Testimonials/Testimonials.vue
    - packages/hosting-theme/components/Header/header-style.scss
    - packages/medical-theme/components/Facilities/Facilities.vue
    - packages/medical-theme/components/Testimonials/Testimonials.vue
    - packages/mobile-apps-theme/components/Showcase/Showcase.vue
    - packages/mobile-apps-theme/components/Testimonials/Testimonials.vue
    - packages/portfolio-theme/components/Blog/Blog.vue
    - packages/portfolio-theme/components/Services/Services.vue
    - packages/portfolio2-femine-theme/components/Blog/Blog.vue
    - packages/portfolio2-femine-theme/components/Services/Services.vue
    - packages/portfolio3-maskulino-theme/components/Blog/Blog.vue
    - packages/portfolio3-maskulino-theme/components/Services/Services.vue
    - packages/portfolio4-unisex-theme/components/Blog/Blog.vue
    - packages/portfolio4-unisex-theme/components/Services/Services.vue
    Version 3.1.1 – 1 May, 2023
    Fixed Responsive Issue
    File changes
    - packages/[theme-name]/components/
    Version 3.1.0 – 26 Apr, 2023
    Upgrade to Vue 3, Nuxt 3 and Vuetify 3
    Version 3.0.3 – 5 Nov, 2022
    Fixed: Vue v2.7 warning and scroll issue
    File added
    - packages/[theme-name]/nuxt.config.ts
    Fixed: Node v18 error start and build
    File added
    - packages/[theme-name]/package.json
    Update docs: Installation deprecation error
    Version 3.0.2 – 2 Oct, 2022
    Fixed: Mobile apps template missing plugin
    File added
    - /packages/mobile-apps-theme/package.json
    Fixed: Route locales issue and error scroll
    File added
    - /packages/[theme-name]/nuxt.config.ts
    Version 3.0.1 – 13 Jul, 2022
    Fixed missing vue-countup-directive version
    File added
    - /packages/package.json
    - /packages/package-lock.json
    Version 3.0 – 13 May, 2022
    Add new theme for portfolio
    File added
    - /packages/femine-theme
    - /packages/maskulino-theme
    - /packages/unisex-theme
    Version 2.1.7 – 19 Feb, 2022
    Fixed: Node 16 fibers issue
    Version 2.1.6 – 13 dec, 2021
    Chore: Update nuxt version
    Files changes:
    - packages/[theme-name]/package.json
    - packages/[theme-name]/nuxt.config.ts
    - packages/[theme-name]/plugins/i18n-config.js
    Chore: Update ion-icons
    Files changes:
    - packages/[theme-name]/components/Footer/Footer.vue
    - packages/[theme-name]/components/Form/Contact.vue
    - packages/[theme-name]/components/Form/AuthFrame.vue
    - packages/[theme-name]/components/Form/SocialAuth.vue
    Chore: Clean Up Code and Adjust Eslint Config
    Files changes:
    - packages/[theme-name]/.eslintrc.js
    - packages/[theme-name]/components/*.vue
    - packages/[theme-name]/pages/*.vue
    Version 2.1.5 – 24 may, 2021
    Update dependencies version
    Files changes:
    - packages/[theme-name]/package.json
    - packages/[theme-name]/assets/vuetify-overide.scss
    Version 2.1.4 – 21 mar, 2021
    Fixed: Dependencies version Error for vue-fragment and babel/preset-env
    Files changes:
    - packages/[theme-name]/package.json
    Fixed: Button theme issue
    Files changes:
    - packages/education-theme/assets/vuetify-overide.scss
    - packages/medical-theme/assets/vuetify-overide.scss
    - packages/mobile-apps-theme/assets/vuetify-overide.scss
    - packages/movie-theme/assets/vuetify-overide.scss
    - packages/saas-theme/assets/vuetify-overide.scss
    Fixed: SCSS cache
    Files changes:
    - packages/[theme-name]/nuxt.config.ts
    Version 2.1.3 – 20 Jan, 2021
    Fixed: @nuxtjs/vuetify installation version
    Files changes:
    - packages/[theme-name]/package.json
    Version 2.1.2 – 20 Dec, 2020
    Fixed: Slick Carousel responsive
    Files changes:
    - packages/agency-theme/components/Services/Services.vue
    - packages/agency-theme/components/Services/services-style.scss
    - packages/agency-theme/components/Testimonials/Testimonials.vue
    - packages/agency-theme/components/Testimonials/testi-style.scss
    - packages/education-theme/components/PopularCourse/PopularCourse.vue
    - packages/education-theme/components/PopularCourse/popular-course-style.scss
    - packages/medical-theme/components/Facilities/Facilities.vue
    - packages/medical-theme/components/Facilities/facilities-style.scss
    - packages/medical-theme/components/Testimonials/Testimonials.vue
    - packages/profile-theme/components/Blog/Blog.vue
    - packages/profile-theme/components/Blog/blog-style.scss
    - packages/profile-theme/components/Services/Services.vue
    - packages/profile-theme/components/Services/services-style.scss
    Fixed: Checkbox message aligment
    Files changes:
    - packages/[theme-name]/components/Forms/form-style.scss
    Fixed: Missing map in Agency Theme
    File changes:
    - packages/agency-theme/components/MapAddress/MapAddress.js
    Fixed: Starter Project SSR rendering
    File changes:
    - packages/stater-project/layouts/default.vue
    - packages/stater-project/assets/transition.scss
    - packages/stater-project/components/ScrollWrap/ScrollWrap.vue
    Fixed: Node v14 packages compability
    File changes:
    - packages/[theme-name]/package.json
    Docs: Add alternative installation for MacOS 10.15 Catalina with Node v14
    Version 2.1.1 – 8 Nov, 2020
    Sketch: Optimize resolution width
    Files changes:
    - sketch-files/*.sketch
    Fixed: z-index parallax issue in mobile-apps theme
    Files changes:
    - packages/mobile-apps-theme/components/Faq/Faq.vue
    - packages/mobile-apps-theme/components/Faq/faq-style.scss
    - packages/mobile-apps-theme/components/Footer/footer-style.scss
    - packages/mobile-apps-theme/components/Header/header-style.scss
    - packages/mobile-apps-theme/components/Parallax/ExtraSmall.vue
    - packages/mobile-apps-theme/components/Parallax/parallax-style.scss
    Fixed: Error warning counter
    File changes:
    - packages/[theme-name]/plugins/countup-config.js
    Fixed: Detail Movie button alignment in mobile for movie theme
    File changes:
    - packages/movie-theme/pages/detail-movie.vue
    Version 2.1 – 1 Sep, 2020
    Update main dependencies
    Fixed: Crypto banner decoration and z-index mobile menu
    File changes:
    - packages/crypto-theme/components/Banner/banner-style.scss
    - packages/crypto-theme/components/Header/header-style.scss
    Fixed: Card shadow in production mode
    File changes:
    - packages/[theme-name]/assets/vuetify-overide.scss
    Feature: Added translation for notification
    File changes:
    - packages/[theme-name]/static/lang/*.js
    - packages/[theme-name]/components/Notification/Notification.vue
    Version 2.0 – 18 Jul, 2020
    Add 3 new themes: Medical, Movie and Education
    Upgrade vuetify to version 2.3.0
    Agency: Fixed carousel rtl issue
    File changes:
    - packages/agency-theme/components/Services/
    - packages/agency-theme/components/Testimonials/
    Fashion:
    - Fixed icon issue in production: packages/fashion-theme/components/Testimonials/testi-style.scss
    - Fixed promotion alignment on large screen: packages/fashion-theme/components/Promotions/promotion-style.scss
    Version 1.2 – 9 Jun, 2020
    Agency Theme
    File changes
    - packages/agency-theme/components/Error/error-style.scss
    - packages/agency-theme/components/Header/header-style.scss
    - packages/agency-theme/assets/transition.scss
    - packages/agency-theme/layouts/default.vue
    Profile Theme
    File changes
    - packages/profile-theme/pages/index.vue
    - packages/profile-theme/components/Timeline/timeline-style.scss
    - packages/profile-theme/components/Timeline/Timeline.vue
    Fashion Theme
    File changes
    - packages/fashion-theme/pages/detail-product.vue
    - packages/fashion-theme/components/VideoBanner/banner-style.scss
    - packages/fashion-theme/components/Trending/trending-stye.scss
    - packages/fashion-theme/components/Testimonials/Testimonials.vue
    - packages/fashion-theme/components/Header/header-style.scss
    - packages/fashion-theme/components/Header/Header.vue
    - packages/fashion-theme/components/Header/Header.vue
    - packages/fashion-theme/components/Blog/Blog.vue
    Architect Theme
    File changes
    - packages/architect-theme/components/Header/header-style.scss
    - packages/architect-theme/components/Header/Header.vue
    - packages/architect-theme/components/Error/error-style.scss
    - packages/architect-theme/components/Header/MobileMenu.vue
    - packages/architect-theme/components/Header/header-style.scss
    Mobile Theme
    File changes
    - packages/mobile-apps-theme/components/Banner/banner-style.scss
    - packages/mobile-apps-theme/components/CompanyLogo/CompanyLogo.vue
    - packages/mobile-apps-theme/components/NewsEvent/NewsEvent.vue
    Crypto Theme
    File changes
    - packages/crypto-theme/components/Benefit/benefit-style.scss
    Version 1.1 – 20 May, 2020
    Agency Theme
    File changes
    - packages/agency-theme/components/VideoBanner/banner-style.scss
    - packages/agency-theme/components/Title/title-style.scss
    - packages/agency-theme/components/MapAddress/MapAddress.vue
    - packages/agency-theme/components/Header/header-style.scss
    - packages/agency-theme/components/Footer/Footer.vue
    - packages/agency-theme/components/Expertise/expertise-style.scss
    Saas Theme
    File changes
    - packages/saas-theme/pages/index.vue
    - packages/saas-theme/components/Testimonials/testi-style.scss
    - packages/saas-theme/components/Header/header-style.scss
    - packages/saas-theme/components/Forms/form-style.scss - packages/saas-theme/components/Footer/footer-style.scss
    - packages/saas-theme/components/Feature/Feature.vue
    - packages/saas-theme/components/Banner/banner-style.scss
    Hosting Theme
    File changes
    - packages/hosting-theme/components/Error/Error.vue
    - packages/hosting-theme/components/Error/error-style.scss
    - packages/hosting-theme/components/Footer/Footer.vue
    - packages/hosting-theme/components/Footer/footer-style.scss
    - packages/hosting-theme/components/Forms/form-style.scss
    - packages/hosting-theme/components/Header/Header.vue
    - packages/hosting-theme/components/Header/header-style.scss
    Version 1.0 – 16 Mar, 2020
    Veluxi released