If you create websites, chances are you have been asked to create a horizontal scrolling component. It is extremely easy to implement this using just a few lines of Flexbox. Let me show you how.
We need to create a container that will contain all the images that we want to scroll. Here is the code:
¡Hola. Bonjour. Ciao. 你好. Here is how you add internationalization to Vue.
My company has plants in 37 countries. We write applications for the employees at these plants. Our application has to be translated into their native language. You can easily add internationalization to your Vue application. Let me show you how to add internationalization to the default Vue application.
Creating Our Application
We will be creating an application using the Vue CLI. If you do not have it installed you can install it with this command:
npm install @vue/cli -g
-g flag will install the Vue CLI globally. Now that we have the CLI installed we can create a new application. Enter this command to create the application:
vue create vue-internationalization
The Vue CLI will prompt you to pick a preset. You have the option of selecting the default preset or manually selecting features. I chose
Learn how to create a meal delivery website using Vue.js, Vuex, Vue Router, and Firebase.
This is part two of my four-part series on building a Vue application. Here is a list of all the parts:
Part 1: Installing Vue and Building an SPA using Vuetify and Vue Router
Part 2: Using Vue Router
Part 3: Using Vuex and accessing API
Part 4: Using Firebase for Authentication
In the first part of this series, we created our Vue application using the Vue CLI. Also, we added Vuetify to the app. I am using Vuetify for styling the app. I will also take advantage of the many UI components that it offers.
After getting everything installed, we styled the home page of our application.