change package for vue

package.json

@@ -1,15 +1,14 @@
 {
   "name": "Interface",
-  "private": true,
   "version": "0.0.0",
-  "type": "module",
+  "private": true,
   "scripts": {
-    "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
+    "dev": "vite",
     "preview": "vite preview",
-    "tauri": "tauri",
-    "styleguide": "vue-styleguidist server",
-    "styleguide:build": "vue-styleguidist build"
+    "styleguide": "vue-cli-service styleguidist",
+    "styleguide:build": "vue-cli-service styleguidist:build",
+    "tauri": "tauri"
   },
   "dependencies": {
     "@tauri-apps/api": "^1.4.0",
@@ -21,8 +20,9 @@
     "@vitejs/plugin-vue": "^4.0.0",
     "typescript": "^4.9.5",
     "vite": "^4.2.1",
-    "vue-styleguidist": "^3.26.2",
-    "vue-tsc": "^1.0.11",
+    "vue-cli-plugin-styleguidist": "~4.72.4",
+    "vue-styleguidist": "^4.72.4",
     "webpack": "^5.90.1"
-  }
+  },
+  "type": "module"
 }

styleguide.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+	// set your styleguidist configuration here
+	title: 'Default Style Guide',
+	 components: 'src/components/Greet.vue',
+	// defaultExample: true,
+	// sections: [
+	//   {
+	//     name: 'First Section',
+	//     components: 'src/components/**/[A-Z]*.vue'
+	//   }
+	// ],
+	// webpackConfig: {
+	//   // custom config goes here
+	// },
+	exampleMode: 'expand'
+}