Estoy moviendo mi sitio web html/css/js a Nuxt.js para que se actualice automáticamente desde una API.

Quiero mantener el mismo sitio web, así que dividí mi código en componentes, importé mi css a:

/activos/css/*

y agregó esto en nuxt.config.js

 css: [ '~/assets/css/bootstrap.min.css', '~/assets/css/all.min.css', '~/assets/css/simple-line-icons.css', '~/assets/css/slick.css', '~/assets/css/animate.css', '~/assets/css/magnific-popup.css', '~/assets/css/style.css' ],

y está funcionando correctamente así.

Traté de hacer lo mismo con js y scripts en nuxt.config.js pero no funciona así.

Así que moví todos mis archivos js a:

/estático/js/*

y agregué esto en la configuración:

 scripts:[ { src: '/js/jquery-1.12.3.min.js', body: true }, { src: '/js/jquery.easing.min.js', body: true }, { src: '/js/jquery.waypoints.min.js', body: true }, { src: '/js/jquery.counterup.min.js', body: true }, { src: '/js/popper.min.js', body: true }, { src: '/js/bootstrap.min.js', body: true }, { src: '/js/isotope.pkgd.min.js', body: true }, { src: '/js/infinite-scroll.min.js', body: true }, { src: '/js/imagesloaded.pkgd.min.js', body: true }, { src: '/js/slick.min.js', body: true }, { src: '/js/contact.js', body: true }, { src: '/js/validator.js', body: true }, { src: '/js/wow.min.js', body: true }, { src: '/js/morphext.min.js', body: true }, { src: '/js/parallax.min.js', body: true }, { src: '/js/jquery.magnific-popup.min.js', body: true }, { src: '/js/custom.js', body: true }, ]

¿Alguien tiene alguna idea de cómo importarlos correctamente y cuál es el mejor método para usar en Nuxt.js?

Gracias