Exercise 1 | 15 mins

• Download project boilerplate
• Install pinia via npm (or yarn if you prefer)
• Register the Pinia plugin
• Create an empty products option store. (With HMR support)
• Create an empty cart option store. (With HMR support)

<aside> 💡 Remember naming conventions we discussed

</aside>

• Initialize both stores in CartWidget.vue .
• Initialize only the products store in App.vue .

<aside> 💡 To quickly bootstrap new stores you can create a snippet for your code editor. If you use VS Code, you can use this handy snippet.

</aside>

✅ When complete, you should be able to see a Pinia tab in the devtools and in the Pinia tab your product and cart stores.