
Vue.js 3 Localization Tutorial With Vue I18n Example
- Ahmed Shaltout
- March 11, 2023
- Bootstrap
- Vuejs
Let’s make a Vue 3 multi-language web application that allows the user to change the interface language.
Read More
How To Make Navbar Link Active Per Page In Vue 3 And Bootstrap 5
- Ahmed Shaltout
- March 11, 2023
- Bootstrap
- Vuejs
Let’s make the navbar page link active when the user opens the page in Vue Router and Bootstrap 5.
Read More
Vue 3 Form Validation Example With Explanation
- Ahmed Shaltout
- March 9, 2023
- Bootstrap
- Vuejs
Let’s see How to validate form inputs in Vue.js 3 With this Vue 3 form validation example that covers the most commonly used inputs.
Read More
How To Make A Vue 3 Shopping Cart
- Ahmed Shaltout
- March 7, 2023
- Bootstrap
- Vuejs
Let’s make an e-commerce shopping cart in Vue.js 3 using Vuex and Web Storage to save the items in the browser for the next session after the user closes the website.
Read More
How To Make Website Footer at bottom of Page But Not Sticky.
- Ahmed Shaltout
- March 5, 2023
- Bootstrap
Let’s stick the footer to the bottom when page content is less. Just one CSS class solves the problem.
Read More
How To Make Layouts In Vue 3 Application
- Ahmed Shaltout
- March 4, 2023
- Bootstrap
- Vuejs
Let’s create a multi-layout Vue 3 application using Vue Router. We will make a group of routes and give each group a layout. so that we can make a layout for the home page, a layout for the profile page, a layout for the blog, etc.
Read More
How To Install Bootstrap 5 In Vue 3 With Bootstrap Icons
- Ahmed Shaltout
- March 4, 2023
- Bootstrap
- Vuejs
Let’s create a new Vue 3 application, install Bootstrap 5 with Icons, and configure it to be available in all vue.js components.
Read More
How To Use Bootstrap 5 Modal With Vue.js 3
- Ahmed Shaltout
- February 24, 2022
- Bootstrap
- How To
- Vuejs
Using Bootstrap’s Modal inside your Vue 3 application is a little bit tricky but it is worth it, Bootstrap’s Modal uses JavaScript to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Read More