QR code scanner with Vue 3 | Outline around the code | Tailwind CSS integration with Vue 3

Описание

Hi all,

In this video, we will see how we can use vue3-qrcode-reader library to scan and detect QR code. Also, we will see how to draw an outline around the QR code.

Additionally, we are going to see how to integrate Tailwind with Vue 3.

If you would like to see the live demo visit
https://vuetestcode.herokuapp.com/

To know more about my Vue.js Boot Camp, visit
https://bit.ly/2QEGIof

00:00 - Introduction
00:36 - Setup
02:43 - Understanding directory structure
05:46 - Creating a new component
06:59 - Installing Tailwind
09:52 - Tackling PostCSS 8 error
12:26 - Installing vue3-qrcode-reader and naming conventions
16:21 - Styling with Tailwind
18:05 - Working with the QR code scanner
34:25 - Wrap up