I am currently attempting to integrate an npm package into my vue-cli development site. The instructions provided by the package website are as follows:
https://i.stack.imgur.com/R2Inl.png
The instructions state that both the css and js files need to be included within the code. How should I proceed with this?
My assumption is that the css file can be included like this in App.vue:
<style>
@import '../node_modules/swiper/dist/css/swiper.min.css';
....
</style>
Is this correct? And how do I go about including the .js file? Should it be done inside App.vue or main.js? I am unsure of the syntax for either case.
This is the content of my index.html file:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="build/swiper.min.css">
</head>
<body>
<div id="app"></div>
<script src="build/swiper.min.js"></script>
</body>
</html>