I'm moving my html/css/js website to Nuxt.js to get it updated automatically from an API.

I want to keep the same website so I splitted my code in components, imported my css to :

/assets/css/*

and added this in 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'
  ],

and it's working properly like this.

I tried to do the same with js and scripts in nuxt.config.js but it's not working like that.

So I moved all my js files to :

/static/js/*

and added this in the config :

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 },
    ]

Do someone have any idea how to import them properly and the best method to use in Nuxt.js ?

Thank you