[Vuejs]-How to configure Zurb Foundation in a VueJS TypeScript project?

It turns out that you need to add

import 'foundation-sites';

after

import $ from 'jquery';

and it will load all the Foundation modules. Alternatively, individual modules can be initialized.

If this is done in App.vue then all child components will have Foundation initialized.