chore: update package.json and pnpm-lock.yaml to include fake-art dependency and adjust import paths in documentation

docs/.vuepress/config.ts

@@ -1,6 +1,6 @@
 export default {
-    base: "./",
+    base: "",
-    title: 'Vaguer',
+    title: 'fake-art',
     plugins: ['demo-container'],
     themeConfig: {
         nav: [

docs/.vuepress/enhanceApp.js

@@ -1,8 +1,8 @@
-import { VaguerComponents } from "../../dist/vaguer.js"
+import { FakeComponents } from "fake-art"
-import "../../dist/style.css"
+import "fake-art/dist/style.css"
 
 export default ({
     Vue,
 }) => {
-    Vue.use(VaguerComponents)
+    Vue.use(FakeComponents)
 }

docs/README.md

@@ -1,4 +1,4 @@
-# Hello Vaguer
+# Hello fake-art
 
 Vue2组件展示
 
@@ -6,7 +6,7 @@ Vue2组件展示
 ```html
 <template>
   <div class="red-center-text">
-      <VaguerButton>{{ message }}</VaguerButton>
+      <FakeButton>{{ message }}</FakeButton>
       <input v-model="message" placeholder="Input something..."/>
   </div>
 </template>

docs/guide/README.md

@@ -6,7 +6,7 @@
 ```html
 <template>
   <div class="red-center-text">
-      <VaguerButton>{{ message }}</VaguerButton>
+      <FakeButton>{{ message }}</FakeButton>
       <input v-model="message" placeholder="Input something..."/>
   </div>
 </template>

package.json

@@ -1,19 +1,20 @@
 {
-    "name": "vaguer",
+    "name": "fake-art",
     "type": "module",
+    "version": "0.0.1-alpha.1",
     "exports": {
         ".": {
             "types": "./dist/index.d.ts",
-            "import": "./dist/vaguer.js",
+            "import": "./dist/fake-art.js",
-            "require": "./dist/vaguer.cjs"
+            "require": "./dist/fake-art.cjs"
         },
-        "./style.css": {
+        "./dist/style.css": {
             "import": "./dist/style.css",
             "require": "./dist/style.css"
         }
     },
-    "main": "./dist/vaguer.js",
+    "main": "./dist/fake-art.js",
-    "module": "./dist/vaguer.js",
+    "module": "./dist/fake-art.js",
     "typings": "./dist/index.d.ts",
     "publishConfig": {
         "access": "public",
@@ -48,6 +49,7 @@
         "eslint": "9.29.0",
         "eslint-flat-config-utils": "2.1.0",
         "eslint-plugin-format": "1.0.1",
+        "fake-art": "npm:fake-art@0.0.1-alpha.1",
         "gh-pages": "^6.1.1",
         "lefthook": "^2.0.4",
         "sass": "^1.77.0",

playground/dev.ts

@@ -1,9 +1,9 @@
 import type { Component } from "vue"
 import Vue from "vue"
-import { VaguerComponents } from "../src"
+import { FakeComponents } from "../src"
 import Layout from "./layout.vue"
 
-Vue.use(VaguerComponents);
+Vue.use(FakeComponents);
 
 (async () => {
     // @ts-expect-error 由于@somebuild/build-component-vue2没有导出vite的类型导致glob无法识别，暂时忽略

playground/src/App.vue

@@ -1,5 +1,5 @@
 <template>
     <div>
-        <VaguerButton>123</VaguerButton>
+        <FakeButton>123</FakeButton>
     </div>
 </template>

pnpm-lock.yaml

@@ -29,6 +29,9 @@ importers:
       eslint-plugin-format:
         specifier: 1.0.1
         version: 1.0.1(eslint@9.29.0(jiti@2.6.1))
+      fake-art:
+        specifier: npm:fake-art@0.0.1-alpha.1
+        version: 0.0.1-alpha.1(vue@2.6.14)
       gh-pages:
         specifier: ^6.1.1
         version: 6.1.1
@@ -4012,6 +4015,11 @@ packages:
     resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==}
     engines: {'0': node >=0.6.0}
 
+  fake-art@0.0.1-alpha.1:
+    resolution: {integrity: sha512-N4PlhhH2ZpUfYYzME92H+e9yWQvElGL606Y4DLj7YyrL9uyfUSM0PAgxGZlW7ZXjZcO6H+EuTNyWqwbDuejHuQ==}
+    peerDependencies:
+      vue: <= 2.6.14
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -12077,6 +12085,10 @@ snapshots:
 
   extsprintf@1.3.0: {}
 
+  fake-art@0.0.1-alpha.1(vue@2.6.14):
+    dependencies:
+      vue: 2.6.14
+
   fast-deep-equal@3.1.3: {}
 
   fast-diff@1.3.0: {}

src/components/VaguerButton/VaguerButton.vue → src/components/FakeButton/FakeButton.vue

@@ -9,13 +9,13 @@ export default {
 </script>
 
 <template>
-    <button class="vaguer-button">
+    <button class="fake-button">
         <slot />
     </button>
 </template>
 
 <style lang="scss">
-.vaguer-button {
+.fake-button {
     color: red;
 }
 </style>

src/components/FakeButton/index.ts

@@ -0,0 +1,6 @@
+import FakeButton from "./FakeButton.vue"
+
+export {
+    FakeButton,
+}
+export default FakeButton

src/components/VaguerButton/index.ts

@@ -1,6 +0,0 @@
-import VaguerButton from "./VaguerButton.vue"
-
-export {
-    VaguerButton,
-}
-export default VaguerButton

src/components/index.ts

@@ -13,6 +13,6 @@
 // });
 
 // export default exportable;
-import VaguerButton from "./VaguerButton/VaguerButton.vue"
+import FakeButton from "./FakeButton/FakeButton.vue"
 
-export { VaguerButton }
+export { FakeButton }

src/index.ts

@@ -4,7 +4,7 @@ import * as components from "./components"
 
 export default components
 
-export const VaguerComponents: PluginObject<object> = {
+export const FakeComponents: PluginObject<object> = {
     install(app) {
         Object.entries(components).forEach(([key, value]: [string, any]) => {
             app.component(key, value)
@@ -12,4 +12,4 @@ export const VaguerComponents: PluginObject<object> = {
     },
 }
 
-export { default as VaguerButton } from "./components/VaguerButton"
+export { default as FakeButton } from "./components/FakeButton"

tsconfig.json

@@ -4,8 +4,8 @@
         "module": "ESNext",
         "moduleResolution": "Bundler",
         "paths": {
-            "vaguer": ["./src/index.ts"],
+            "fake-art": ["./src/index.ts"],
-            "@/*": ["./src/*"]
+            "fake-art/*": ["./src/*"]
         },
         "resolveJsonModule": true,
         "esModuleInterop": true