Foundation is a frontend framework for creating responsive sites. It is shipped with HTML and CSS templates for grid layouts, typography, buttons, tables, navigation, forms, and much more, as well as optional JavaScript plugins. It works with any device, mobile or desktop, and is an alternative to Bootstrap (https://getbootstrap.com/), another popular frontend framework. We focus on Foundation in this book. So, just as in the previous chapter, we have a list of suggested UI frameworks that you can choose from for your app when using the create-nuxt-app scaffolding to install the skeleton of your Nuxt project. We should choose None so that we can add Foundation as the UI framework:
? Choose UI framework (Use arrow keys)
❯ None
Ant Design Vue
Bootstrap Vue
...
Once you have answered the questions in the installation process, navigate to your project directory, and then you can install and integrate Foundation into your Nuxt app. The easiest way is...