Compare commits

...

2 Commits

  1. 4
      docs/.vuepress/config.ts
  2. 6
      docs/.vuepress/enhanceApp.js
  3. 4
      docs/README.md
  4. 2
      docs/guide/README.md
  5. 14
      package.json
  6. 4
      playground/dev.ts
  7. 2
      playground/src/App.vue
  8. 12
      pnpm-lock.yaml
  9. 4
      src/components/FakeButton/FakeButton.vue
  10. 6
      src/components/FakeButton/index.ts
  11. 6
      src/components/VaguerButton/index.ts
  12. 4
      src/components/index.ts
  13. 4
      src/index.ts
  14. 4
      tsconfig.json

4
docs/.vuepress/config.ts

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

6
docs/.vuepress/enhanceApp.js

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

4
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>

2
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>

14
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": {
"./dist/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",
@ -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",

4
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无法识别,暂时忽略

2
playground/src/App.vue

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

12
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: {}

4
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>

6
src/components/FakeButton/index.ts

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

6
src/components/VaguerButton/index.ts

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

4
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 }

4
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"

4
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

Loading…
Cancel
Save