I want to include the Front end tamplate that I bought ready-made in my nuxt project, but it gives an error.
I shared the error on the terminal screen and the files I added in the attachment.
index sayfamda eklemis oldugum dosyalari import ettim.
pages/index.vue
<template>
<v-row>
</v-row>
</template>
<script>
export default {
head() {
return {
script: [
{ src: "@/js/jquery.min.js",},
{ src: "@/js/isotope.pkgd.min.js",},
{ src: "@/js/bootstrap.min.js",},
{ src: "@/js/simplebar.js",},
{ src: "@/js/owl.carousel.min.js",},
{ src: "@/js/jquery.magnific-popup.min.js",},
{ src: "@/js/jquery.animatedheadline.min.js",},
{ src: "@/js/jquery.easypiechart.js",},
{ src: "@/js/jquery.validation.js",},
{ src: "@/js/tilt.js",},
{ src: "@/js/main.js",},
{ src: "https://maps.google.com/maps/api/js?sensor=false",}
],
}
}
}
</script>
<style scoped>
/* CSS Plugins */
@import '@/css/plugins/bootstrap.min.css';
@import '@/css/plugins/font-awesome.css';
@import '@/css/plugins/magnific-popup.css';
@import '@/css/plugins/simplebar.css';
@import '@/css/plugins/owl.carousel.min.css';
@import '@/css/plugins/owl.theme.default.min.css';
@import '@/css/plugins/jquery.animatedheadline.css';
/* CSS Base */
@import '@/css/style-dark.css';
/* Settings Style */
@import '@/css/settings/left-nav.css';
@import '@/css/settings/box/box.css';
@import '@/css/settings/box/circle.css';
@import '@/css/settings/title/title.css';
@import '@/css/settings/color/green-color.css';
</style>
I didn't do anything on my dafault page.
layouts/default.vue
<template>
<v-app>
<v-main>
<v-container>
<Nuxt />
</v-container>
</v-main>
<v-footer fixed app>
</v-footer>
</v-app>
</template>
<script>
export default {
data() {
return {
items: [
{
icon: 'mdi-apps',
title: 'Welcome',
to: '/',
},
],
title: 'Vuetify.js',
}
},
}
</script>