25 changed files with 4968 additions and 297 deletions
@ -1,2 +1,3 @@ |
|||
node_modules |
|||
dist |
|||
dist |
|||
docs/.vitepress/cache |
|||
@ -0,0 +1,89 @@ |
|||
{ |
|||
// Disable the default formatter, use eslint instead |
|||
"prettier.enable": false, |
|||
"editor.formatOnSave": false, |
|||
"eslint.format.enable": true, |
|||
// Auto fix |
|||
"editor.codeActionsOnSave": { |
|||
"source.fixAll.eslint": "explicit", |
|||
"source.organizeImports": "never" |
|||
}, |
|||
// Silent the stylistic rules in you IDE, but still auto fix them |
|||
"eslint.rules.customizations": [ |
|||
{ |
|||
"rule": "style/*", |
|||
"severity": "off", |
|||
"fixable": true |
|||
}, |
|||
{ |
|||
"rule": "format/*", |
|||
"severity": "off", |
|||
"fixable": true |
|||
}, |
|||
{ |
|||
"rule": "*-indent", |
|||
"severity": "off", |
|||
"fixable": true |
|||
}, |
|||
{ |
|||
"rule": "*-spacing", |
|||
"severity": "off", |
|||
"fixable": true |
|||
}, |
|||
{ |
|||
"rule": "*-spaces", |
|||
"severity": "off", |
|||
"fixable": true |
|||
}, |
|||
{ |
|||
"rule": "*-order", |
|||
"severity": "off", |
|||
"fixable": true |
|||
}, |
|||
{ |
|||
"rule": "*-dangle", |
|||
"severity": "off", |
|||
"fixable": true |
|||
}, |
|||
{ |
|||
"rule": "*-newline", |
|||
"severity": "off", |
|||
"fixable": true |
|||
}, |
|||
{ |
|||
"rule": "*quotes", |
|||
"severity": "off", |
|||
"fixable": true |
|||
}, |
|||
{ |
|||
"rule": "*semi", |
|||
"severity": "off", |
|||
"fixable": true |
|||
} |
|||
], |
|||
// Enable eslint for all supported languages |
|||
"eslint.validate": [ |
|||
"javascript", |
|||
"javascriptreact", |
|||
"typescript", |
|||
"typescriptreact", |
|||
"vue", |
|||
"html", |
|||
"markdown", |
|||
"json", |
|||
"json5", |
|||
"jsonc", |
|||
"yaml", |
|||
"toml", |
|||
"xml", |
|||
"gql", |
|||
"graphql", |
|||
"astro", |
|||
"svelte", |
|||
"css", |
|||
"less", |
|||
"scss", |
|||
"pcss", |
|||
"postcss" |
|||
] |
|||
} |
|||
@ -1,14 +0,0 @@ |
|||
import Vue from "vue"; |
|||
import { VaguerComponents } from "./src"; |
|||
import "./dist/style.css" |
|||
|
|||
Vue.use(VaguerComponents); |
|||
|
|||
const app = new Vue({ |
|||
methods: { |
|||
handleClick() { |
|||
alert("222"); |
|||
}, |
|||
}, |
|||
}); |
|||
app.$mount("#app"); |
|||
@ -0,0 +1,28 @@ |
|||
import { defineConfig } from "vitepress" |
|||
|
|||
// https://vitepress.dev/reference/site-config
|
|||
export default defineConfig({ |
|||
title: "vaguer", |
|||
description: "A Vue2 Component", |
|||
themeConfig: { |
|||
// https://vitepress.dev/reference/default-theme-config
|
|||
nav: [ |
|||
{ text: "Home", link: "/" }, |
|||
{ text: "Examples", link: "/markdown-examples" }, |
|||
], |
|||
|
|||
sidebar: [ |
|||
{ |
|||
text: "Examples", |
|||
items: [ |
|||
{ text: "Markdown Examples", link: "/markdown-examples" }, |
|||
{ text: "Runtime API Examples", link: "/api-examples" }, |
|||
], |
|||
}, |
|||
], |
|||
|
|||
socialLinks: [ |
|||
{ icon: "github", link: "https://github.com/vuejs/vitepress" }, |
|||
], |
|||
}, |
|||
}) |
|||
@ -0,0 +1,49 @@ |
|||
--- |
|||
outline: deep |
|||
--- |
|||
|
|||
# Runtime API Examples |
|||
|
|||
This page demonstrates usage of some of the runtime APIs provided by VitePress. |
|||
|
|||
The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files: |
|||
|
|||
```md |
|||
<script setup> |
|||
import { useData } from 'vitepress' |
|||
|
|||
const { theme, page, frontmatter } = useData() |
|||
</script> |
|||
|
|||
## Results |
|||
|
|||
### Theme Data |
|||
<pre>{{ theme }}</pre> |
|||
|
|||
### Page Data |
|||
<pre>{{ page }}</pre> |
|||
|
|||
### Page Frontmatter |
|||
<pre>{{ frontmatter }}</pre> |
|||
``` |
|||
|
|||
<script setup> |
|||
import { useData } from 'vitepress' |
|||
|
|||
const { site, theme, page, frontmatter } = useData() |
|||
</script> |
|||
|
|||
## Results |
|||
|
|||
### Theme Data |
|||
<pre>{{ theme }}</pre> |
|||
|
|||
### Page Data |
|||
<pre>{{ page }}</pre> |
|||
|
|||
### Page Frontmatter |
|||
<pre>{{ frontmatter }}</pre> |
|||
|
|||
## More |
|||
|
|||
Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata). |
|||
@ -0,0 +1,25 @@ |
|||
--- |
|||
# https://vitepress.dev/reference/default-theme-home-page |
|||
layout: home |
|||
|
|||
hero: |
|||
name: "vaguer" |
|||
text: "A Vue2 Component" |
|||
tagline: My great project tagline |
|||
actions: |
|||
- theme: brand |
|||
text: Markdown Examples |
|||
link: /markdown-examples |
|||
- theme: alt |
|||
text: API Examples |
|||
link: /api-examples |
|||
|
|||
features: |
|||
- title: Feature A |
|||
details: Lorem ipsum dolor sit amet, consectetur adipiscing elit |
|||
- title: Feature B |
|||
details: Lorem ipsum dolor sit amet, consectetur adipiscing elit |
|||
- title: Feature C |
|||
details: Lorem ipsum dolor sit amet, consectetur adipiscing elit |
|||
--- |
|||
|
|||
@ -0,0 +1,85 @@ |
|||
# Markdown Extension Examples |
|||
|
|||
This page demonstrates some of the built-in markdown extensions provided by VitePress. |
|||
|
|||
## Syntax Highlighting |
|||
|
|||
VitePress provides Syntax Highlighting powered by [Shiki](https://github.com/shikijs/shiki), with additional features like line-highlighting: |
|||
|
|||
**Input** |
|||
|
|||
````md |
|||
```js{4} |
|||
export default { |
|||
data () { |
|||
return { |
|||
msg: 'Highlighted!' |
|||
} |
|||
} |
|||
} |
|||
``` |
|||
```` |
|||
|
|||
**Output** |
|||
|
|||
```js{4} |
|||
export default { |
|||
data () { |
|||
return { |
|||
msg: 'Highlighted!' |
|||
} |
|||
} |
|||
} |
|||
``` |
|||
|
|||
## Custom Containers |
|||
|
|||
**Input** |
|||
|
|||
```md |
|||
::: info |
|||
This is an info box. |
|||
::: |
|||
|
|||
::: tip |
|||
This is a tip. |
|||
::: |
|||
|
|||
::: warning |
|||
This is a warning. |
|||
::: |
|||
|
|||
::: danger |
|||
This is a dangerous warning. |
|||
::: |
|||
|
|||
::: details |
|||
This is a details block. |
|||
::: |
|||
``` |
|||
|
|||
**Output** |
|||
|
|||
::: info |
|||
This is an info box. |
|||
::: |
|||
|
|||
::: tip |
|||
This is a tip. |
|||
::: |
|||
|
|||
::: warning |
|||
This is a warning. |
|||
::: |
|||
|
|||
::: danger |
|||
This is a dangerous warning. |
|||
::: |
|||
|
|||
::: details |
|||
This is a details block. |
|||
::: |
|||
|
|||
## More |
|||
|
|||
Check out the documentation for the [full list of markdown extensions](https://vitepress.dev/guide/markdown). |
|||
@ -0,0 +1,23 @@ |
|||
import antfu from "@antfu/eslint-config" |
|||
|
|||
export default antfu({ |
|||
ignores: [ |
|||
"dist", |
|||
"docs", |
|||
], |
|||
typescript: true, |
|||
formatters: true, |
|||
yaml: false, |
|||
type: "lib", |
|||
stylistic: { |
|||
indent: 4, |
|||
quotes: "double", |
|||
}, |
|||
vue: { |
|||
sfcBlocks: true, |
|||
vueVersion: 2, |
|||
}, |
|||
rules: { |
|||
"node/prefer-global/process": "off", |
|||
}, |
|||
}) |
|||
@ -1,14 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<title>Document</title> |
|||
</head> |
|||
<body> |
|||
<div id="app"> |
|||
<vaguer-button @click.native="handleClick">aa</vaguer-button> |
|||
</div> |
|||
<script type="module" src="/dev.ts"></script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,6 @@ |
|||
pre-push: |
|||
parallel: true |
|||
pre-commit: |
|||
jobs: |
|||
- name: check code |
|||
run: npx eslint . |
|||
@ -0,0 +1,24 @@ |
|||
import type { Component } from "vue" |
|||
import Vue from "vue" |
|||
import { VaguerComponents } from "../src" |
|||
import Layout from "./layout.vue" |
|||
|
|||
Vue.use(VaguerComponents); |
|||
|
|||
(async () => { |
|||
// @ts-expect-error 由于@somebuild/build-component-vue2没有导出vite的类型导致glob无法识别，暂时忽略
|
|||
const apps = import.meta.glob("./src/**/*.vue") |
|||
const name = location.pathname.replace(/^\//, "") || "App" |
|||
const file = apps[`./src/${name}.vue`] |
|||
if (!file) { |
|||
location.pathname = "App" |
|||
return |
|||
} |
|||
|
|||
const App = ((await file()) as { default: Component }).default |
|||
const app = new Vue({ |
|||
render: h => h(Layout, {}, [h(App)]), |
|||
}) |
|||
|
|||
app.$mount("#app") |
|||
})() |
|||
@ -0,0 +1,24 @@ |
|||
<!doctype html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<title>Playground</title> |
|||
<style> |
|||
html, |
|||
body, |
|||
#app { |
|||
width: 100%; |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<div id="app"></div> |
|||
<script type="module" src="/dev.ts"></script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,16 @@ |
|||
<template> |
|||
<div class="layout-container"> |
|||
<slot /> |
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
.layout-container { |
|||
max-width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 20px; |
|||
background-color: #f8f9fa; |
|||
border-radius: 8px; |
|||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); |
|||
} |
|||
</style> |
|||
@ -0,0 +1,5 @@ |
|||
<template> |
|||
<div> |
|||
<VaguerButton>123</VaguerButton> |
|||
</div> |
|||
</template> |
|||
File diff suppressed because it is too large
@ -1 +1 @@ |
|||
https://github.com/wheatjs/vaguer |
|||
https://github.com/wheatjs/vaguer |
|||
|
|||
@ -1,10 +1,11 @@ |
|||
import ghpages from "gh-pages"; |
|||
import ghpages from "gh-pages" |
|||
|
|||
ghpages.publish( |
|||
".", |
|||
{ dotfiles: true, branch: "published", src: ["package.json", "dist/**/*"] }, |
|||
function (err) { |
|||
if (err) throw err; |
|||
console.log("success"); |
|||
} |
|||
); |
|||
(err) => { |
|||
if (err) |
|||
throw err |
|||
console.log("success") |
|||
}, |
|||
) |
|||
|
|||
@ -1,22 +1,21 @@ |
|||
|
|||
<script> |
|||
export default { |
|||
data(){ |
|||
return { |
|||
a: 123 |
|||
} |
|||
} |
|||
data() { |
|||
return { |
|||
a: 123, |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<button class="vaguer-button"> |
|||
<slot />-{{ a }} |
|||
</button> |
|||
<button class="vaguer-button"> |
|||
<slot />-{{ a }} |
|||
</button> |
|||
</template> |
|||
|
|||
<style lang="scss"> |
|||
.vaguer-button { |
|||
color: red; |
|||
color: red; |
|||
} |
|||
</style> |
|||
</style> |
|||
|
|||
@ -1,6 +1,6 @@ |
|||
import VaguerButton from "./VaguerButton.vue" |
|||
|
|||
export { |
|||
VaguerButton |
|||
VaguerButton, |
|||
} |
|||
export default VaguerButton |
|||
export default VaguerButton |
|||
|
|||
@ -1,14 +1,15 @@ |
|||
import type { PluginObject } from "vue"; |
|||
import type { PluginObject } from "vue" |
|||
|
|||
import * as components from "./components"; |
|||
export default components; |
|||
import * as components from "./components" |
|||
|
|||
export const VaguerComponents: PluginObject<{}> = { |
|||
export default components |
|||
|
|||
export const VaguerComponents: PluginObject<object> = { |
|||
install(app) { |
|||
Object.entries(components).forEach(([key, value]: [string, any]) => { |
|||
app.component(key, value); |
|||
}); |
|||
app.component(key, value) |
|||
}) |
|||
}, |
|||
}; |
|||
} |
|||
|
|||
export { default as VaguerButton } from "./components/VaguerButton"; |
|||
export { default as VaguerButton } from "./components/VaguerButton" |
|||
|
|||
@ -1,5 +1,6 @@ |
|||
declare module '*.vue' { |
|||
import { DefineComponent } from 'vue' |
|||
const component: DefineComponent<{}, {}, any> |
|||
declare module "*.vue" { |
|||
import type { Component } from "vue" |
|||
|
|||
const component: Component |
|||
export default component |
|||
} |
|||
} |
|||
|
|||
@ -1,13 +1,15 @@ |
|||
{ |
|||
"compilerOptions": { |
|||
"baseUrl": ".", |
|||
"module": "ESNext", |
|||
"moduleResolution": "Bundler", |
|||
"resolveJsonModule": true, |
|||
"esModuleInterop": true, |
|||
"baseUrl": ".", |
|||
"paths": { |
|||
"vaguer": ["./src/index.ts"], |
|||
"@/*": ["./src/*"] |
|||
} |
|||
}, |
|||
"resolveJsonModule": true, |
|||
"esModuleInterop": true |
|||
}, |
|||
"exclude": ["node_modules", ".output"] |
|||
"include": ["src", "playground"], |
|||
"exclude": ["node_modules", "dist"] |
|||
} |
|||
|
|||
Loading…
Reference in new issue