Спасибо за прекрасное руководство по внедрению — очень полезное!

Что касается реализации js, то, похоже, не так много указаний, которые можно найти — по крайней мере, у меня были проблемы с поиском примеров для реализации всего нескольких выбранных модулей js.

Единственный полезный ресурс, который я нашел:
// https://github.com/zurb/foundation-zurb-template/blob/v6.4/src/assets/js/lib/foundation- явные-кусочки.js

Мне удалось загрузить всего несколько базовых модулей, подобных этому (по какой-то причине мне пришлось отложить «первоначальный вызов фундамента» — может быть, кто-то может это исправить и ответить здесь):

// Пример компонента es6
import $ from 'jquery'
import _ from 'lodash'
import { Foundation } from 'foundation-sites/js/foundation.core'
import { Эквалайзер } из 'foundation-sites/js/foundation.equalizer'
импорт { MediaQuery } из 'foundation-sites/js/foundation.util.mediaQuery'
импорт { onImagesLoaded } из 'foundation-sites /js/foundation.util.imageLoader'
import { Triggers } from 'foundation-sites/js/foundation.util.triggers'

Foundation.addToJquery($)
Triggers.init($, Foundation)
Foundation.plugin(Equalizer, 'Эквалайзер')
Foundation.plugin(MediaQuery, 'MediaQuery')
Foundation.plugin(onImagesLoaded, 'onImagesLoaded')
Foundation.plugin(Триггеры, 'Триггеры')

function initFoundationScripts() {
_.delay(() =› {
$(document).foundation()
}, 500)
}

функция init() {
initFoundationScripts()
}

экспорт по умолчанию {
init
}

Хотя ваша статья посвящена vue, она может быть полезна при переходе на vue-context (надеюсь;)