feat: add naive app

packages/@core/preferences/src/config.ts

@@ -18,7 +18,7 @@ const defaultPreferences: Preferences = {
     layout: 'sidebar-nav',
     locale: 'zh-CN',
     loginExpiredMode: 'modal',
-    name: 'Vben Admin',
+    name: 'Vben Admin Naive',
     watermark: false,
   },
   breadcrumb: {

packages/@core/ui-kit/tabs-ui/src/tabs-view.vue

@@ -2,7 +2,7 @@
 import type { Sortable } from '@vben-core/composables';
 import type { TabDefinition } from '@vben-core/typings';
 
-import { nextTick, onMounted, onUnmounted, ref } from 'vue';
+import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
 
 import { useForwardPropsEmits, useSortable } from '@vben-core/composables';
 
@@ -105,6 +105,14 @@ async function initTabsSortable() {
 
 onMounted(initTabsSortable);
 
+watch(
+  () => props.styleType,
+  () => {
+    sortableInstance.value?.destroy();
+    initTabsSortable();
+  },
+);
+
 onUnmounted(() => {
   sortableInstance.value?.destroy();
 });