## Wkitd
> 基于`wkit`封装的一个应用框架, 提供`store`和`router`等基础服务。
### 开发文档
[开发文档](https://github.com/bytedo/wkitd/wikid)
### 我们的特色
- 提供迷你的单页应用开发环境
- 无需`node.js`编译, 即写即用。
### 一些注意事项
- 路由不支持嵌套, 即``只能出现`1`次。
- `$router`和`$route`对象, 只注入到一级路由页面, 页面引用的其他`web components`组件, 不会注入。
- 所有路由页面和组件, 均可使用`getCurrentPage()`获取当前的`$route`对象; 同时可以使用`getRouter()`获取`$router`对象。
- `$store`对象, 只注入到一级路由页面, 其他组件可使用`getStore()`获取。
- `$store`对象为非响应式, 后续可能会支持(时间无限期延后)。
### 示例
app.js
```js
// alias wkitd='//jscdn.ink/wkitd/latest/index.js'
import { css, html, createApp, createRouter, createWebHistory, createStore } from 'wkitd'
const store = createStore({
foo: 123,
bar: 456
})
import './views/home.js' //
const router = createRouter({
history: createWebHistory(),
routes: [
{
path: '/',
name: 'wc-home' // element tagname !importent
},
{
path: '/about',
name: 'wc-about',
component: () => import('./views/about.js')
}
]
})
createApp({
data:{},
methods: {},
render(){
return html`
`
}
})
.use(store)
.use(router)
.mount()
```
index.html
```html
wkitd example
```