refactor: rename project from Vaguer to Fake-UI, update components and documentation accordingly

docs/.vuepress/config.ts

@@ -1,6 +1,6 @@
 export default {
-    base: "./",
-    title: 'Vaguer',
+    base: "",
+    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 "../../dist/fake-art.js"
 import "../../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",
-            "require": "./dist/vaguer.cjs"
+            "import": "./dist/fake-art.js",
+            "require": "./dist/fake-art.cjs"
         },
         "./style.css": {
             "import": "./dist/style.css",
             "require": "./dist/style.css"
         }
     },
-    "main": "./dist/vaguer.js",
-    "module": "./dist/vaguer.js",
+    "main": "./dist/fake-art.js",
+    "module": "./dist/fake-art.js",
     "typings": "./dist/index.d.ts",
     "publishConfig": {
         "access": "public",

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

@@ -20,6 +20,9 @@ importers:
       '@types/node':
         specifier: ^20.12.10
         version: 20.12.10
+      aa:
+        specifier: npm:@sinonjs/fake-timers@15.0.0
+        version: '@sinonjs/fake-timers@15.0.0'
       eslint:
         specifier: 9.29.0
         version: 9.29.0(jiti@2.6.1)
@@ -1596,6 +1599,12 @@ packages:
     resolution: {integrity: sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==}
     engines: {node: '>=6'}
 
+  '@sinonjs/commons@3.0.1':
+    resolution: {integrity: sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==}
+
+  '@sinonjs/fake-timers@15.0.0':
+    resolution: {integrity: sha512-dlUB2oL+hDIYkIq/OWFBDhQAuU6kDey3eeMiYpVb7UXHhkMq/r1HloKXAbJwJZpYWkFWsydLjMqDpueMUEOjXQ==}
+
   '@somebuild/build-component-vue2@0.0.6':
     resolution: {integrity: sha512-mmt+LxcO7F7xOWDHAMthCpEhyWwEX3ejRmsGp6MpoNBX7G57DhmR+MP7vyO45R3xF/+isUEHSR2Ali75RiR1Mw==}
     peerDependencies:
@@ -7023,6 +7032,10 @@ packages:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
+  type-detect@4.0.8:
+    resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
+    engines: {node: '>=4'}
+
   type-fest@0.21.3:
     resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
     engines: {node: '>=10'}
@@ -9141,6 +9154,14 @@ snapshots:
 
   '@sindresorhus/is@0.14.0': {}
 
+  '@sinonjs/commons@3.0.1':
+    dependencies:
+      type-detect: 4.0.8
+
+  '@sinonjs/fake-timers@15.0.0':
+    dependencies:
+      '@sinonjs/commons': 3.0.1
+
   '@somebuild/build-component-vue2@0.0.6(@somebuild/vite-config-vue2@1.0.1(@types/node@20.12.10)(hogan.js@3.0.2)(lodash@4.17.21)(rollup@4.53.3)(typescript@5.4.2)(vite@5.4.21(@types/node@20.12.10)(sass@1.77.0)(stylus@0.54.8)(terser@4.8.1))(vue-template-compiler@2.6.14)(vue@2.6.14))(@types/node@20.12.10)(sass@1.77.0)(somebuild@0.0.19)(stylus@0.54.8)(terser@4.8.1)(vue-template-compiler@2.6.14)(vue@2.6.14)':
     dependencies:
       fs-extra: 11.2.0
@@ -15463,6 +15484,8 @@ snapshots:
     dependencies:
       prelude-ls: 1.2.1
 
+  type-detect@4.0.8: {}
+
   type-fest@0.21.3: {}
 
   type-fest@0.8.1: {}

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"],
-            "@/*": ["./src/*"]
+            "fake-art": ["./src/index.ts"],
+            "fake-art/*": ["./src/*"]
         },
         "resolveJsonModule": true,
         "esModuleInterop": true