Adding jQuery UI

jQuery UI is a set of user interface (UI) interactions, effects, widgets, and utilities that are built on top of jQuery. It is a useful tool for designers and developers alike. Just like Motion UI and Foundation, jQuery UI helps you write less code and do more with the elements in your project. It can be added to a plain HTML page easily by using its CDN resources and jQuery as its dependency, for example:

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<div id="accordion">...</div>

<script>
  $('#accordion').accordion()
</script>

Again, it is the same as Foundation. It is a bit complicated when you want to integrate jQuery UI with Nuxt. We can use the preceding CDN resources and add...