README.CN.md

@@ -24,7 +24,7 @@ function sub() {
 }
 
 @tag('counter-demo')
-class CounterDemo extends Component {
+export class CounterDemo extends Component {
   static css = 'span { color: red; }'
 
   render() {
@@ -37,10 +37,21 @@ class CounterDemo extends Component {
     )
   }
 }
+```
+
+使用该组件:
+
+```tsx
+import { h } from 'omi'
+import './counter-demo'
 
 render(<counter-demo />, document.body)
-```
 
+// 或者
+import { CounterDemo, Other } from './counter-demo'
+// 当需要导入其他东西的时候，防止被 tree shaking
+render(<CounterDemo.tagName />, document.body)
+```
 
 ## 安装
 
@@ -75,7 +86,7 @@ $ npm run build       # release
   - [`omi-cli`](https://github.com/omijs/cli) - 快速创建 Omi + Vite + TS/JS 项目。
 - 入门套件 (未发布到 npm)
   - [`omi-elements`](https://github.com/Tencent/omi/tree/master/packages/omi-elements) - 官方推出 Tailwind Omi 套件。
-  - [`omi-starter-spa`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-spa) - 快速创建单页应用(SPA)，内置了 Omi + OmiRouter + Tailwindcss + TypeScript + Vite。
+  - [`omi-starter-spa`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-spa) - 快速创建单页应用(SPA)，内置了 Omi + OmiRouter + Tailwindcss + TypeScript + Vite + Prettier。
   - [`omi-starter-ts`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-ts) - 基于 Vite + Omi + TypeScript 的模板。
   - [`omi-starter-tailwind`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-tailwind) - 基于 Vite + Omi + TypeScript + Tailwindcss 的模板。
   - [`omi-starter-js`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-js) - 基于 Vite + Omi + JavaScript 的模板。

README.md

@@ -24,7 +24,7 @@ function sub() {
 }
 
 @tag('counter-demo')
-class CounterDemo extends Component {
+export class CounterDemo extends Component {
   static css = 'span { color: red; }'
 
   render() {
@@ -37,8 +37,20 @@ class CounterDemo extends Component {
     )
   }
 }
+```
+
+Use this component:
+
+```tsx
+import { h } from 'omi'
+import './counter-demo'
 
 render(<counter-demo />, document.body)
+
+// or 
+import { CounterDemo, Other } from './counter-demo'
+// Prevent tree Shaking when importing other things
+render(<CounterDemo.tagName />, document.body)
 ```
 
 ## Install 
@@ -74,7 +86,7 @@ $ npm run build       # release
   - [`omi-cli`](https://github.com/omijs/cli) - To quickly create an Omi + Vite + TS/JS project.
 - Starter kits (not published to npm)
   - [`omi-elements`](https://github.com/Tencent/omi/tree/master/packages/omi-elements) - Tailwind Element Omi UI KIT.
-  - [`omi-starter-spa`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-spa) - A starter repo for building single page app using Omi + OmiRouter + Tailwindcss + TypeScript + Vite.
+  - [`omi-starter-spa`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-spa) - A starter repo for building single page app using Omi + OmiRouter + Tailwindcss + TypeScript + Vite + Prettier.
   - [`omi-starter-ts`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-ts) - A starter repo for building web app or reusable components using Omi in TypeScript base on Vite.
   - [`omi-starter-tailwind`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-tailwind) - A starter repo for building web app or reusable components using Omi + Tailwindcss + TypeScript + Vite.
   - [`omi-starter-js`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-js) - A starter repo for building web app or reusable components using Omi in JavaScript base on Vite.

packages/omi-router/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omi-router",
-  "version": "4.1.3",
+  "version": "4.1.4",
   "description": "Router for Omi",
   "main": "dist/index.es.js",
   "exports": {

packages/omi-router/src/router-view.tsx

@@ -14,6 +14,7 @@ export interface Route {
   transition?: string;
   keys?: Key[];
   regex?: RegExp;
+  redirect?: string;
 }
 
 interface Props {
@@ -103,6 +104,11 @@ export class RouterView extends Component<Props> {
     for (const route of this.routes) {
       const match = route.regex?.exec(path)
       if (match) {
+        if(route.redirect) {
+          const newPath = this.isHashMode ? `#${route.redirect}` : route.redirect;
+          window.location.href = window.location.origin + newPath;
+          return;
+        }
         if (route.beforeEnter) {
           const shouldProceed = route.beforeEnter({ path }, { path: window.location.pathname })
           if (shouldProceed === false) {

packages/omi/README.md

@@ -72,7 +72,7 @@ $ npm run build       # release
   - [`omi-cli`](https://github.com/omijs/cli) - To quickly create an Omi + Vite + TS/JS project.
 - Starter kits (not published to npm)
   - [`omi-elements`](https://github.com/Tencent/omi/tree/master/packages/omi-elements) - Tailwind Element Omi UI KIT.
-  - [`omi-starter-spa`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-spa) - A starter repo for building single page app using Omi + OmiRouter + Tailwindcss + TypeScript + Vite.
+  - [`omi-starter-spa`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-spa) - A starter repo for building single page app using Omi + OmiRouter + Tailwindcss + TypeScript + Vite + Prettier.
   - [`omi-starter-ts`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-ts) - A starter repo for building web app or reusable components using Omi in TypeScript base on Vite.
   - [`omi-starter-tailwind`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-tailwind) - A starter repo for building web app or reusable components using Omi + Tailwindcss + TypeScript + Vite.
   - [`omi-starter-js`](https://github.com/Tencent/omi/tree/master/packages/omi-starter-js) - A starter repo for building web app or reusable components using Omi in JavaScript base on Vite.