Шаблон интеграции html / css с laravel ans Vuejs Проблема

Question

У меня есть html / css шаблон, который я хотел бы интегрировать в laravel,

Итак, во-первых, я делаю компонент DataTable, который содержит html / css код таблицы данных (содержимое страницы) после это я создал макет администратора, который содержит навигационную панель и боковую панель, которые я добавил

<router-view><router-view> и <router-link> для ссылки на компонент DataTable

//sidebar and navbar

<router-view></router-view>

        </div>
    </div>
    <script src="{{asset('js/app.js')}}"></script>
    <!-- core:js -->
    <script src="{{asset('assets/vendors/core/core.js')}}"></script>
    <!-- endinject -->
  <!-- plugin js for this page -->
  <script src="{{asset('assets/vendors/datatables.net/jquery.dataTables.js')}}"></script>
  <script src="{{asset('assets/vendors/datatables.net-bs4/dataTables.bootstrap4.js')}}"></script>
    <!-- end plugin js for this page -->
    <!-- inject:js -->
    <script src="{{asset('assets/vendors/feather-icons/feather.min.js')}}"></script>
    <script src="{{asset('assets/js/template.js')}}"></script>
    <!-- endinject -->
  <!-- custom js for this page -->
  <script src="{{asset('assets/js/data-table.js')}}"></script>
    <!-- end custom js for this page -->



</body>
</html>

Теперь страница отображается неправильно (копия элементы), и все кнопки не работают

Я пробовал все, но это не будет работать