diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
index 513e0e08b562..f3bb8f2c10a0 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -1,6 +1,6 @@
 name: "\U0001F41E Bug report"
 description: Create a report to help us improve
-labels: ["bug: pending triage"]
+labels: ['bug: pending triage']
 body:
   - type: markdown
     attributes:
@@ -52,9 +52,9 @@ body:
       label: Validations
       description: Before submitting the issue, please make sure you do the following
       options:
-        - label: Follow our [Code of Conduct](https://vuejs.org/coc)
+        - label: Follow our [Code of Conduct](https://vuejs.org/about/coc.html)
           required: true
-        - label: Read the [docs](https://vitepress.vuejs.org/).
+        - label: Read the [docs](https://vitepress.vuejs.org).
           required: true
         - label: Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
           required: true
diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml
index 78e74d534d22..0750eb7620c0 100644
--- a/.github/ISSUE_TEMPLATE/feature_request.yml
+++ b/.github/ISSUE_TEMPLATE/feature_request.yml
@@ -35,11 +35,11 @@ body:
       label: Validations
       description: Before submitting the issue, please make sure you do the following
       options:
-        - label: Follow our [Code of Conduct](https://vuejs.org/coc)
+        - label: Follow our [Code of Conduct](https://vuejs.org/about/coc.html)
           required: true
-        - label: Read the [docs](https://vitepress.vuejs.org/).
+        - label: Read the [docs](https://vitepress.vuejs.org).
           required: true
-        - label: Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/master/.github/contributing.md).
+        - label: Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).
           required: true
-        - label: Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
+        - label: Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.
           required: true
diff --git a/.github/commit-convention.md b/.github/commit-convention.md
index 40b187d6acfc..e90c02e4421d 100644
--- a/.github/commit-convention.md
+++ b/.github/commit-convention.md
@@ -6,7 +6,7 @@
 
 Messages must be matched by the following regex:
 
-``` js
+```js
 /^(revert: )?(feat|fix|docs|dx|style|refactor|perf|test|workflow|build|ci|chore|types|wip)(\(.+\))?: .{1,50}/
 ```
 
@@ -44,7 +44,7 @@ This reverts commit 667ecc1654a317a13331b17617d973392f415f02.
 
 ### Full Message Format
 
-A commit message consists of a **header**, **body** and **footer**.  The header has a **type**, **scope** and **subject**:
+A commit message consists of a **header**, **body** and **footer**. The header has a **type**, **scope** and **subject**:
 
 ```
 <type>(<scope>): <subject>
@@ -74,9 +74,9 @@ The scope could be anything specifying the place of the commit change. For examp
 
 The subject contains a succinct description of the change:
 
-* use the imperative, present tense: "change" not "changed" nor "changes"
-* don't capitalize the first letter
-* no dot (.) at the end
+- use the imperative, present tense: "change" not "changed" nor "changes"
+- don't capitalize the first letter
+- no dot (.) at the end
 
 ### Body
 
diff --git a/.github/contributing.md b/.github/contributing.md
index 021398493cbb..11c8617fe6dd 100644
--- a/.github/contributing.md
+++ b/.github/contributing.md
@@ -23,7 +23,7 @@ Hi! We're really excited that you are interested in contributing to VitePress. B
 
 ## Development Setup
 
-You will need [pnpm](https://pnpm.io/)
+You will need [pnpm](https://pnpm.io)
 
 After cloning the repo, run:
 
diff --git a/.github/workflows/release-tag.yml b/.github/workflows/release-tag.yml
new file mode 100644
index 000000000000..110e3fd5a354
--- /dev/null
+++ b/.github/workflows/release-tag.yml
@@ -0,0 +1,23 @@
+on:
+  push:
+    tags:
+      - 'v*' # Push events to matching v*, i.e. v1.0, v20.15.10
+
+name: Create Release
+
+jobs:
+  build:
+    name: Create Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@master
+      - name: Create Release for Tag
+        id: release_tag
+        uses: yyx990803/release-tag@master
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ github.ref }}
+          body: |
+            Please refer to [CHANGELOG.md](https://github.com/vuejs/vitepress/blob/main/CHANGELOG.md) for details.
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 43b3309ed26e..3445704c73f7 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -21,7 +21,7 @@ jobs:
         uses: actions/setup-node@v2
         with:
           node-version: ${{ matrix.node_version }}
-          cache: "pnpm"
+          cache: 'pnpm'
 
       - name: Install deps
         run: pnpm install
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9fc16d760231..18f1c0368565 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,15 @@
+## [0.22.3](https://github.com/vuejs/vitepress/compare/v0.22.2...v0.22.3) (2022-02-22)
+
+### Bug Fixes
+
+- append base to links ([#502](https://github.com/vuejs/vitepress/issues/502)) ([804954c](https://github.com/vuejs/vitepress/commit/804954cf4d5417b1abcba9854ed5f064348292c5)), closes [#252](https://github.com/vuejs/vitepress/issues/252)
+- avoid minimizing non-javascript inline scripts ([#517](https://github.com/vuejs/vitepress/issues/517)) ([779b789](https://github.com/vuejs/vitepress/commit/779b78902fc7b1f9e7806751c0ca1e229a2161ce)), closes [#538](https://github.com/vuejs/vitepress/issues/538) [#540](https://github.com/vuejs/vitepress/issues/540)
+- **client router:** tolerant invalid hash selector typo ([#506](https://github.com/vuejs/vitepress/issues/506)) ([ffe0c40](https://github.com/vuejs/vitepress/commit/ffe0c40ebc42d7769b5378775cdffcab52d3cf11))
+- don't add .html to urls of non-html files ([#515](https://github.com/vuejs/vitepress/issues/515)) ([34d1542](https://github.com/vuejs/vitepress/commit/34d1542f466e2eed28b1be7153d1c3461d84528f)), closes [#265](https://github.com/vuejs/vitepress/issues/265)
+- normalize relative img src ([#514](https://github.com/vuejs/vitepress/issues/514)) ([9270477](https://github.com/vuejs/vitepress/commit/9270477fa59545978dc2732ac0a8091bed39625f)), closes [#450](https://github.com/vuejs/vitepress/issues/450)
+- require at least node v14 ([#546](https://github.com/vuejs/vitepress/issues/546)) ([7cf7011](https://github.com/vuejs/vitepress/commit/7cf70111a5a00579d46453b682ef33169c7846c5))
+- reset page data on 404 ([#497](https://github.com/vuejs/vitepress/issues/497)) ([28eaa3b](https://github.com/vuejs/vitepress/commit/28eaa3b04ab71674330151d2a9b79d52c382e71e))
+
 ## [0.22.2](https://github.com/vuejs/vitepress/compare/v0.22.1...v0.22.2) (2022-02-14)
 
 ### Features
diff --git a/README.md b/README.md
index 25db53e63f09..089440fc9db6 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@
 
 ---
 
-VitePress is [VuePress](http://vuepress.vuejs.org/)' spiritual successor, built on top of [vite](https://github.com/vuejs/vite).
+VitePress is [VuePress](https://vuepress.vuejs.org)' spiritual successor, built on top of [vite](https://github.com/vitejs/vite).
 
 ## Documentation
 
@@ -13,14 +13,14 @@ To check out docs, visit [vitepress.vuejs.org](https://vitepress.vuejs.org).
 
 ## Changelog
 
-Detailed changes for each release are documented in the [CHANGELOG](https://github.com/vuejs/vitepress/blob/master/CHANGELOG.md).
+Detailed changes for each release are documented in the [CHANGELOG](https://github.com/vuejs/vitepress/blob/main/CHANGELOG.md).
 
 ## Contribution
 
-Please make sure to read the [Contributing Guide](./.github/contributing.md) before making a pull request.
+Please make sure to read the [Contributing Guide](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md) before making a pull request.
 
 ## License
 
-[MIT](https://opensource.org/licenses/MIT)
+[MIT](https://github.com/vuejs/vitepress/blob/main/LICENSE)
 
 Copyright (c) 2019-present, Yuxi (Evan) You
diff --git a/docs/components/ComponentInHeader.vue b/docs/components/ComponentInHeader.vue
index 3999e16ada42..bbccc8ef2eab 100644
--- a/docs/components/ComponentInHeader.vue
+++ b/docs/components/ComponentInHeader.vue
@@ -1,3 +1,3 @@
 <template>
   <span>&#x26A1;</span>
-</template>
\ No newline at end of file
+</template>
diff --git a/docs/config/algolia-search.md b/docs/config/algolia-search.md
index 3ee35eb145ad..28e4e5fd8191 100644
--- a/docs/config/algolia-search.md
+++ b/docs/config/algolia-search.md
@@ -1,6 +1,6 @@
 # Theme Config: Algolia Search
 
-The `themeConfig.algolia` option allows you to use [Algolia DocSearch](https://docsearch.algolia.com/). To enable it, you need to provide at least apiKey and indexName:
+The `themeConfig.algolia` option allows you to use [Algolia DocSearch](https://docsearch.algolia.com). To enable it, you need to provide at least apiKey and indexName:
 
 ```js
 module.exports = {
@@ -13,7 +13,7 @@ module.exports = {
 }
 ```
 
-For more options, check out [Algolia DocSearch's documentation](https://docsearch.algolia.com/docs/behavior). You can pass any extra option alongside other options, e.g. passing `searchParameters`:
+For more options, check out [Algolia DocSearch's documentation](https://docsearch.algolia.com/docs/api/). You can pass any extra option alongside other options, e.g. passing `searchParameters`:
 
 ```js
 module.exports = {
diff --git a/docs/config/basics.md b/docs/config/basics.md
index 56b2268c8121..5955ecb59f33 100644
--- a/docs/config/basics.md
+++ b/docs/config/basics.md
@@ -1,7 +1,7 @@
 # App Config: Basics
 
 ::: tip
-The config reference is incomplete since the config format may still receive further changes. For a complete reference of the current available options, refer to [config.ts](https://github.com/vuejs/vitepress/blob/master/src/node/config.ts#L15).
+The config reference is incomplete since the config format may still receive further changes. For a complete reference of the current available options, refer to [config.ts](https://github.com/vuejs/vitepress/blob/45b65ce8b63bd54f345bfc3383eb2416b6769dc9/src/node/config.ts#L30-L65).
 :::
 
 ## base
diff --git a/docs/config/homepage.md b/docs/config/homepage.md
index 35f77da03d56..0abaad7b7e63 100644
--- a/docs/config/homepage.md
+++ b/docs/config/homepage.md
@@ -20,5 +20,4 @@ features:
     details: VitePress generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded.
 footer: MIT Licensed | Copyright © 2019-present Evan You
 ---
-
 ```
diff --git a/docs/guide/api.md b/docs/guide/api.md
index 924b0272874e..5db50b8c52bc 100644
--- a/docs/guide/api.md
+++ b/docs/guide/api.md
@@ -4,7 +4,7 @@
 
 The following methods are globally importable from `vitepress` and are typically used in custom theme Vue components. However, they are also usable inside `.md` pages because markdown files are compiled into Vue single-file components.
 
-Methods that start with `use*` indicates that it is a [Vue 3 Composition API](https://v3.vuejs.org/guide/composition-api-introduction.html) function that can only be used inside `setup()` or `<script setup>`.
+Methods that start with `use*` indicates that it is a [Vue 3 Composition API](https://vuejs.org/guide/introduction.html#composition-api) function that can only be used inside `setup()` or `<script setup>`.
 
 ### `useData`
 
@@ -63,7 +63,7 @@ interface Router {
 
 - **Type**: `(path: string) => string`
 
-  Appends the configured [`base`](/config/basics.html#base) to a given URL path. Also see [Base URL](/guide/assets.html#base-url).
+  Appends the configured [`base`](../config/basics#base) to a given URL path. Also see [Base URL](./assets#base-url).
 
 ## Global Components
 
@@ -71,7 +71,7 @@ VitePress comes with few built-in component that can be used globally. You may u
 
 ### `<Content/>`
 
-The `<Content/>` component displays the rendered markdown contents. Useful [when creating your own theme](https://vitepress.vuejs.org/guide/customization.html).
+The `<Content/>` component displays the rendered markdown contents. Useful [when creating your own theme](./theming).
 
 ```vue
 <template>
diff --git a/docs/guide/assets.md b/docs/guide/assets.md
index 9b2a59926b31..20969f9c40bc 100644
--- a/docs/guide/assets.md
+++ b/docs/guide/assets.md
@@ -40,7 +40,7 @@ However, if you are authoring a theme component that links to assets dynamically
 <img :src="theme.logoPath" />
 ```
 
-In this case it is recommended to wrap the path with the [`withBase` helper](/guide/api.html#withbase) provided by VitePress:
+In this case it is recommended to wrap the path with the [`withBase` helper](./api#withbase) provided by VitePress:
 
 ```vue
 <script setup>
diff --git a/docs/guide/configuration.md b/docs/guide/configuration.md
index 8ffaad52fa01..bc6e747c5fa6 100644
--- a/docs/guide/configuration.md
+++ b/docs/guide/configuration.md
@@ -22,7 +22,7 @@ module.exports = {
 }
 ```
 
-Check out the [Config Reference](/config/basics) for a full list of options.
+Check out the [Config Reference](../config/basics) for a full list of options.
 
 ## Config Intellisense
 
diff --git a/docs/guide/deploy.md b/docs/guide/deploy.md
index 25c3058f4d44..9623e22fd318 100644
--- a/docs/guide/deploy.md
+++ b/docs/guide/deploy.md
@@ -82,10 +82,10 @@ git add -A
 git commit -m 'deploy'
 
 # if you are deploying to https://<USERNAME>.github.io
-# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git master
+# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git main
 
 # if you are deploying to https://<USERNAME>.github.io/<REPO>
-# git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages
+# git push -f git@github.com:<USERNAME>/<REPO>.git main:gh-pages
 
 cd -
 ```
@@ -106,7 +106,7 @@ You can also run the above script in your CI setup to enable automatic deploymen
 
 3. Run `yarn` or `npm install` locally and commit the generated lockfile (that is `yarn.lock` or `package-lock.json`).
 
-4. Use the GitHub Pages deploy provider template, and follow the [Travis CI documentation](https://docs.travis-ci.com/user/deployment/pages/).
+4. Use the GitHub Pages deploy provider template, and follow the [Travis CI documentation](https://docs.travis-ci.com/user/deployment/pages).
 
 ```yaml
 language: node_js
@@ -125,7 +125,7 @@ deploy:
   github_token: $GITHUB_TOKEN
   keep_history: true
   on:
-    branch: master
+    branch: main
 ```
 
 ## GitLab Pages and GitLab CI
@@ -153,12 +153,12 @@ pages:
     paths:
       - public
   only:
-    - master
+    - main
 ```
 
 ## Netlify
 
-1. On [Netlify](https://netlify.com), setup up a new project from GitHub with the following settings:
+1. On [Netlify](https://www.netlify.com/), setup up a new project from GitHub with the following settings:
 
 - **Build Command:** `vitepress build docs` or `yarn docs:build` or `npm run docs:build`
 - **Publish directory:** `docs/.vitepress/dist`
@@ -247,7 +247,7 @@ $ heroku buildpacks:set https://github.com/heroku/heroku-buildpack-static.git
 
 ```bash
 # publish site
-$ git push heroku master
+$ git push heroku main
 
 # opens a browser to view the Dashboard version of Heroku CI
 $ heroku open
@@ -255,9 +255,9 @@ $ heroku open
 
 ## Vercel
 
-To deploy your VitePress app with a [Vercel for Git](https://vercel.com/docs/git), make sure it has been pushed to a Git repository.
+To deploy your VitePress app with a [Vercel for Git](https://vercel.com/docs/concepts/git), make sure it has been pushed to a Git repository.
 
-Go to https://vercel.com/import/git and import the project into Vercel using your Git of choice (GitHub, GitLab or BitBucket). Follow the wizard to select the project root with the project's `package.json` and override the build step using `yarn docs:build` or `npm run docs:build` and the output dir to be `./docs/.vitepress/dist`
+Go to https://vercel.com/new and import the project into Vercel using your Git of choice (GitHub, GitLab or BitBucket). Follow the wizard to select the project root with the project's `package.json` and override the build step using `yarn docs:build` or `npm run docs:build` and the output dir to be `./docs/.vitepress/dist`
 
 ![Override Vercel Configuration](../images/vercel-configuration.png)
 
diff --git a/docs/guide/differences-from-vuepress.md b/docs/guide/differences-from-vuepress.md
index eefa0c1e8a5f..b6c6eab55205 100644
--- a/docs/guide/differences-from-vuepress.md
+++ b/docs/guide/differences-from-vuepress.md
@@ -1,6 +1,7 @@
 ---
 sidebarDepth: 2
 ---
+
 # Differences from VuePress
 
 VitePress and VuePress have different [design goals](../index.md). Both projects share similar config naming conventions. VitePress aims to have the bare minimum features needed for authoring docs. Other features are pushed to Themes. On the other hand, VuePress has more features out-of-the-box or enabled by its ecosystem of plugins.
@@ -22,11 +23,11 @@ In case you decide to move your project to VitePress, this is a list of differen
   - [Plugins](https://vuepress.vuejs.org/plugin/) support, features are implemented in themes
   - [permalink support](https://vuepress.vuejs.org/guide/permalinks.html)
   - `.vitepress/templates`
-  - Components in `.vitepress/components` [are not auto registered as global components](https://vuepress.vuejs.org/)
+  - Components in `.vitepress/components` [are not auto registered as global components](https://vuepress.vuejs.org)
 - Differences
   - [Public files](https://vuepress.vuejs.org/guide/assets.html#public-files) that are directly copied to dist root moved from `.vitepress/public/` is `public/`
-  - [styling](https://vuepress.vuejs.org/config/#styling) `.vitepress/styles/index.styl` and `.vitepress/styles/palette.styl` is not supported. See [Customizing CSS](/guide/theming.html#customizing-css).
-  - [App Level Enhancements](https://vuepress.vuejs.org/guide/basic-config.html#app-level-enhancements) API, app enhancements `.vitepress/enhanceApp.js` is now done in `.vitepress/theme/index.js`. See [Extending the Default Theme](/guide/theming.html#extending-the-default-theme).
+  - [styling](https://vuepress.vuejs.org/config/#styling) `.vitepress/styles/index.styl` and `.vitepress/styles/palette.styl` is not supported. See [Customizing CSS](./theming#customizing-css).
+  - [App Level Enhancements](https://vuepress.vuejs.org/guide/basic-config.html#app-level-enhancements) API, app enhancements `.vitepress/enhanceApp.js` is now done in `.vitepress/theme/index.js`. See [Extending the Default Theme](./theming#extending-the-default-theme).
 
 ## Markdown
 
diff --git a/docs/guide/frontmatter.md b/docs/guide/frontmatter.md
index 3e18009f4218..40fd2691af67 100644
--- a/docs/guide/frontmatter.md
+++ b/docs/guide/frontmatter.md
@@ -63,7 +63,6 @@ head:
     - name: keywords
       content: super duper SEO
 ---
-
 ```
 
 ### navbar
diff --git a/docs/guide/global-component.md b/docs/guide/global-component.md
index e91e4a04864a..ce843322bba6 100644
--- a/docs/guide/global-component.md
+++ b/docs/guide/global-component.md
@@ -4,7 +4,7 @@ VitePress comes with few built-in component that can be used globally. You may u
 
 ## Content
 
-The `Content` component displays the rendered markdown contents. Useful [when creating your own theme](https://vitepress.vuejs.org/guide/customization.html).
+The `Content` component displays the rendered markdown contents. Useful [when creating your own theme](./theming).
 
 ```vue
 <template>
@@ -30,4 +30,3 @@ If you are using or demoing components that are not SSR-friendly (for example, c
 ## OutboundLink
 
 The indicator `OutboundLink` is used to denote external links. In VitePress, this component has been followed by every external link.
-
diff --git a/docs/guide/markdown.md b/docs/guide/markdown.md
index 63cc8471f4ba..f2cb916a37ac 100644
--- a/docs/guide/markdown.md
+++ b/docs/guide/markdown.md
@@ -53,7 +53,7 @@ Outbound links automatically get `target="_blank" rel="noopener noreferrer"`:
 
 ## Frontmatter
 
-[YAML frontmatter](https://jekyllrb.com/docs/frontmatter/) is supported out of the box:
+[YAML frontmatter](https://jekyllrb.com/docs/front-matter/) is supported out of the box:
 
 ```yaml
 ---
@@ -64,7 +64,7 @@ lang: en-US
 
 This data will be available to the rest of the page, along with all custom and theming components.
 
-For more details, see [Frontmatter](./frontmatter.md).
+For more details, see [Frontmatter](./frontmatter).
 
 ## GitHub-Style Tables
 
@@ -176,9 +176,11 @@ Danger zone, do not proceed
 :::
 
 ::: details Click me to view the code
+
 ```js
 console.log('Hello, VitePress!')
 ```
+
 :::
 ````
 
@@ -189,14 +191,16 @@ Danger zone, do not proceed
 :::
 
 ::: details Click me to view the code
+
 ```js
 console.log('Hello, VitePress!')
 ```
+
 :::
 
 ## Syntax Highlighting in Code Blocks
 
-VitePress uses [Prism](https://prismjs.com/) to highlight language syntax in Markdown code blocks, using coloured text. Prism supports a wide variety of programming languages. All you need to do is append a valid language alias to the beginning backticks for the code block:
+VitePress uses [Prism](https://prismjs.com) to highlight language syntax in Markdown code blocks, using coloured text. Prism supports a wide variety of programming languages. All you need to do is append a valid language alias to the beginning backticks for the code block:
 
 **Input**
 
diff --git a/docs/guide/theming.md b/docs/guide/theming.md
index 78d288f2b814..6e1e349f9366 100644
--- a/docs/guide/theming.md
+++ b/docs/guide/theming.md
@@ -57,7 +57,7 @@ export default {
 </template>
 ```
 
-The default export is the only contract for a custom theme. Inside your custom theme, it works just like a normal Vite + Vue 3 application. Do note the theme also needs to be [SSR-compatible](/guide/using-vue.html#browser-api-access-restrictions).
+The default export is the only contract for a custom theme. Inside your custom theme, it works just like a normal Vite + Vue 3 application. Do note the theme also needs to be [SSR-compatible](./using-vue#browser-api-access-restrictions).
 
 To distribute a theme, simply export the object in your package entry. To consume an external theme, import and re-export it from the custom theme entry:
 
@@ -108,7 +108,7 @@ export default DefaultTheme
 }
 ```
 
-See [default theme CSS variables](https://github.com/vuejs/vitepress/blob/master/src/client/theme-default/styles/vars.css) that can be overridden.
+See [default theme CSS variables](https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css) that can be overridden.
 
 ### Layout Slots
 
@@ -135,9 +135,7 @@ const { Layout } = DefaultTheme
 
 <template>
   <Layout>
-    <template #sidebar-top>
-      My custom sidebar top content
-    </template>
+    <template #sidebar-top>My custom sidebar top content</template>
   </Layout>
 </template>
 ```
diff --git a/docs/guide/using-vue.md b/docs/guide/using-vue.md
index fae01ee2bbbf..d6d5ce7c5844 100644
--- a/docs/guide/using-vue.md
+++ b/docs/guide/using-vue.md
@@ -40,7 +40,7 @@ Directives also work:
 
 ### Access to Site & Page Data
 
-You can use the [`useData` helper](/guide/api.html#usedata) in a `<script>` block and expose the data to the page.
+You can use the [`useData` helper](./api#usedata) in a `<script>` block and expose the data to the page.
 
 **Input**
 
@@ -107,9 +107,9 @@ This is a .md using a custom component
 
 ### Registering global components in the theme
 
-If the components are going to be used across several pages in the docs, they can be registered globally in the theme (or as part of extending the default VitePress theme). Check out the [Theming Guide](./theming.md) for more information.
+If the components are going to be used across several pages in the docs, they can be registered globally in the theme (or as part of extending the default VitePress theme). Check out the [Theming Guide](./theming) for more information.
 
-In `.vitepress/theme/index.js`, the `enhanceApp` function receives the Vue `app` instance so you can [register components](https://v3.vuejs.org/guide/component-registration.html#component-registration) as you would do in a regular Vue application.
+In `.vitepress/theme/index.js`, the `enhanceApp` function receives the Vue `app` instance so you can [register components](https://vuejs.org/guide/components/registration.html) as you would do in a regular Vue application.
 
 ```js
 import DefaultTheme from 'vitepress/theme'
@@ -200,7 +200,7 @@ export default {
 
 ## Built-In Components
 
-VitePress provides Built-In Vue Components like `ClientOnly` and `OutboundLink`, check out the [Global Component Guide](./global-component.md) for more information.
+VitePress provides Built-In Vue Components like `ClientOnly` and `OutboundLink`, check out the [Global Component Guide](./global-component) for more information.
 
 **Also see:**
 
@@ -208,7 +208,7 @@ VitePress provides Built-In Vue Components like `ClientOnly` and `OutboundLink`,
 
 ## Browser API Access Restrictions
 
-Because VitePress applications are server-rendered in Node.js when generating static builds, any Vue usage must conform to the [universal code requirements](https://ssr.vuejs.org/en/universal.html). In short, make sure to only access Browser / DOM APIs in `beforeMount` or `mounted` hooks.
+Because VitePress applications are server-rendered in Node.js when generating static builds, any Vue usage must conform to the [universal code requirements](https://vuejs.org/guide/scaling-up/ssr.html). In short, make sure to only access Browser / DOM APIs in `beforeMount` or `mounted` hooks.
 
 If you are using or demoing components that are not SSR-friendly (for example, contain custom directives), you can wrap them inside the built-in `<ClientOnly>` component:
 
@@ -258,4 +258,4 @@ export default {
 
 **Also see:**
 
-- [Vue.js > Dynamic Components](https://v3.vuejs.org/guide/component-dynamic-async.html)
+- [Vue.js > Dynamic Components](https://vuejs.org/guide/essentials/component-basics.html#dynamic-components)
diff --git a/docs/index.md b/docs/index.md
index 8d8854c32853..092840b834f5 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -8,7 +8,7 @@ sidebarDepth: 2
 VitePress is currently in 0.x status. It is already suitable for out-of-the-box documentation use, but the config and theming API may still change between minor releases.
 :::
 
-VitePress is [VuePress](https://vuepress.vuejs.org/)' little brother, built on top of [Vite](https://github.com/vitejs/vite).
+VitePress is [VuePress](https://vuepress.vuejs.org)' little brother, built on top of [Vite](https://github.com/vitejs/vite).
 
 ## Motivation
 
diff --git a/package.json b/package.json
index 6c6e963a7ad0..ceb50b96bc7c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vitepress",
-  "version": "0.22.2",
+  "version": "0.22.3",
   "description": "Vite & Vue powered static site generator",
   "main": "dist/node/index.js",
   "typings": "types/index.d.ts",
@@ -43,7 +43,7 @@
     "ci-docs": "run-s build docs-build"
   },
   "engines": {
-    "node": ">=12.0.0"
+    "node": ">=14.0.0"
   },
   "gitHooks": {
     "pre-commit": "lint-staged"
diff --git a/src/client/app/router.ts b/src/client/app/router.ts
index 49f191a08ddd..678cf754899f 100644
--- a/src/client/app/router.ts
+++ b/src/client/app/router.ts
@@ -21,13 +21,19 @@ export const RouterSymbol: InjectionKey<Router> = Symbol()
 // matter and is only passed to support same-host hrefs.
 const fakeHost = `http://a.com`
 
+const notFoundPageData: PageData = {
+  relativePath: '',
+  title: '404',
+  description: 'Not Found',
+  headers: [],
+  frontmatter: {},
+  lastUpdated: 0
+}
+
 const getDefaultRoute = (): Route => ({
   path: '/',
   component: null,
-  // this will be set upon initial page load, which is before
-  // the app is mounted, so it's guaranteed to be available in
-  // components. We just need enough data for 404 pages to render.
-  data: { frontmatter: {} } as any
+  data: notFoundPageData
 })
 
 interface PageModule {
@@ -123,6 +129,7 @@ export function createRouter(
         latestPendingPath = null
         route.path = pendingPath
         route.component = fallbackComponent ? markRaw(fallbackComponent) : null
+        route.data = notFoundPageData
       }
     }
   }
@@ -198,7 +205,7 @@ function scrollTo(el: HTMLElement, hash: string, smooth = false) {
   let target: Element | null = null
 
   try {
-    target = el.classList.contains('.header-anchor')
+    target = el.classList.contains('header-anchor')
       ? el
       : document.querySelector(decodeURIComponent(hash))
   } catch (e) {
diff --git a/src/client/theme-default/components/AlgoliaSearchBox.vue b/src/client/theme-default/components/AlgoliaSearchBox.vue
index 928fd4b187f4..510e15d44848 100644
--- a/src/client/theme-default/components/AlgoliaSearchBox.vue
+++ b/src/client/theme-default/components/AlgoliaSearchBox.vue
@@ -54,25 +54,18 @@ const { lang } = useData()
 
 // if the user has multiple locales, the search results should be filtered
 // based on the language
-const facetFilters: string[] = props.multilang
-  ? ['lang:' + lang.value]
-  : []
+const facetFilters: string[] = props.multilang ? ['lang:' + lang.value] : []
 
 if (props.options.searchParameters?.facetFilters) {
   facetFilters.push(...props.options.searchParameters.facetFilters)
 }
 
-watch(
-  lang,
-  (newLang, oldLang) => {
-    const index = facetFilters.findIndex(
-      (filter) => filter === 'lang:' + oldLang
-    )
-    if (index > -1) {
-      facetFilters.splice(index, 1, 'lang:' + newLang)
-    }
+watch(lang, (newLang, oldLang) => {
+  const index = facetFilters.findIndex((filter) => filter === 'lang:' + oldLang)
+  if (index > -1) {
+    facetFilters.splice(index, 1, 'lang:' + newLang)
   }
-)
+})
 
 function initialize(userOptions: any) {
   docsearch(
diff --git a/src/client/theme-default/components/LastUpdated.vue b/src/client/theme-default/components/LastUpdated.vue
index f495a0837d61..7adf72229bab 100644
--- a/src/client/theme-default/components/LastUpdated.vue
+++ b/src/client/theme-default/components/LastUpdated.vue
@@ -7,7 +7,7 @@ const { theme, page } = useData()
 const hasLastUpdated = computed(() => {
   const lu = theme.value.lastUpdated
 
-  return lu !== undefined && lu !== false
+  return lu !== undefined && lu !== false && page.value.lastUpdated !== 0
 })
 
 const prefix = computed(() => {
diff --git a/src/node/build/render.ts b/src/node/build/render.ts
index e5e226e376e6..88fef6433670 100644
--- a/src/node/build/render.ts
+++ b/src/node/build/render.ts
@@ -182,7 +182,10 @@ function renderHead(head: HeadConfig[]): Promise<string> {
     head.map(async ([tag, attrs = {}, innerHTML = '']) => {
       const openTag = `<${tag}${renderAttrs(attrs)}>`
       if (tag !== 'link' && tag !== 'meta') {
-        if (tag === 'script') {
+        if (
+          tag === 'script' &&
+          (attrs.type === undefined || attrs.type.includes('javascript'))
+        ) {
           innerHTML = (
             await transformWithEsbuild(innerHTML, 'inline-script.js', {
               minify: true
diff --git a/src/node/markdown/markdown.ts b/src/node/markdown/markdown.ts
index 1fdb926814ae..46cbff35bc20 100644
--- a/src/node/markdown/markdown.ts
+++ b/src/node/markdown/markdown.ts
@@ -11,6 +11,7 @@ import { hoistPlugin } from './plugins/hoist'
 import { preWrapperPlugin } from './plugins/preWrapper'
 import { linkPlugin } from './plugins/link'
 import { headingPlugin } from './plugins/headings'
+import { imagePlugin } from './plugins/image'
 import { Header } from '../shared'
 import anchor from 'markdown-it-anchor'
 import attrs from 'markdown-it-attrs'
@@ -49,7 +50,8 @@ export type { Header }
 
 export const createMarkdownRenderer = (
   srcDir: string,
-  options: MarkdownOptions = {}
+  options: MarkdownOptions = {},
+  base: string
 ): MarkdownRenderer => {
   const md = MarkdownIt({
     html: true,
@@ -66,11 +68,16 @@ export const createMarkdownRenderer = (
     .use(hoistPlugin)
     .use(containerPlugin)
     .use(headingPlugin)
-    .use(linkPlugin, {
-      target: '_blank',
-      rel: 'noopener noreferrer',
-      ...options.externalLinks
-    })
+    .use(imagePlugin)
+    .use(
+      linkPlugin,
+      {
+        target: '_blank',
+        rel: 'noopener noreferrer',
+        ...options.externalLinks
+      },
+      base
+    )
     // 3rd party plugins
     .use(attrs, options.attrs)
     .use(anchor, {
diff --git a/src/node/markdown/plugins/containers.ts b/src/node/markdown/plugins/containers.ts
index 61dd7b91f885..9e3caa23e9b8 100644
--- a/src/node/markdown/plugins/containers.ts
+++ b/src/node/markdown/plugins/containers.ts
@@ -33,7 +33,9 @@ function createContainer(klass: string, defaultTitle: string): ContainerArgs {
         const info = token.info.trim().slice(klass.length).trim()
         if (token.nesting === 1) {
           if (klass === 'details') {
-            return `<details class="${klass} custom-block">${info ? `<summary>${info}</summary>` : ''}\n`
+            return `<details class="${klass} custom-block">${
+              info ? `<summary>${info}</summary>` : ''
+            }\n`
           }
           return `<div class="${klass} custom-block"><p class="custom-block-title">${
             info || defaultTitle
diff --git a/src/node/markdown/plugins/image.ts b/src/node/markdown/plugins/image.ts
new file mode 100644
index 000000000000..641a04c71c99
--- /dev/null
+++ b/src/node/markdown/plugins/image.ts
@@ -0,0 +1,15 @@
+// markdown-it plugin for normalizing image source
+
+import MarkdownIt from 'markdown-it'
+import { EXTERNAL_URL_RE } from '../../shared'
+
+export const imagePlugin = (md: MarkdownIt) => {
+  md.renderer.rules.image = (tokens, idx, options, env, self) => {
+    const token = tokens[idx]
+    const url = token.attrGet('src')
+    if (url && !EXTERNAL_URL_RE.test(url) && !/^\.?\//.test(url)) {
+      token.attrSet('src', './' + url)
+    }
+    return self.renderToken(tokens, idx, options)
+  }
+}
diff --git a/src/node/markdown/plugins/link.ts b/src/node/markdown/plugins/link.ts
index e44c043a14d6..e88e425ccaef 100644
--- a/src/node/markdown/plugins/link.ts
+++ b/src/node/markdown/plugins/link.ts
@@ -11,7 +11,8 @@ const indexRE = /(^|.*\/)index.md(#?.*)$/i
 
 export const linkPlugin = (
   md: MarkdownIt,
-  externalAttrs: Record<string, string>
+  externalAttrs: Record<string, string>,
+  base: string
 ) => {
   md.renderer.rules.link_open = (tokens, idx, options, env, self) => {
     const token = tokens[idx]
@@ -32,7 +33,9 @@ export const linkPlugin = (
         // internal anchor links
         !url.startsWith('#') &&
         // mail links
-        !url.startsWith('mailto:')
+        !url.startsWith('mailto:') &&
+        // links to files (other than html/md)
+        !/\.(?!html|md)\w+($|\?)/i.test(url)
       ) {
         normalizeHref(hrefAttr)
       }
@@ -55,7 +58,7 @@ export const linkPlugin = (
       const [, path, hash] = indexMatch
       url = path + hash
     } else {
-      let cleanUrl = url.replace(/\#.*$/, '').replace(/\?.*$/, '')
+      let cleanUrl = url.replace(/[?#].*$/, '')
       // .md -> .html
       if (cleanUrl.endsWith('.md')) {
         cleanUrl = cleanUrl.replace(/\.md$/, '.html')
@@ -76,6 +79,11 @@ export const linkPlugin = (
     // export it for existence check
     pushLink(url.replace(/\.html$/, ''))
 
+    // append base to internal (non-relative) urls
+    if (url.startsWith('/')) {
+      url = `${base}${url}`.replace(/\/+/g, '/')
+    }
+
     // markdown-it encodes the uri
     hrefAttr[1] = decodeURI(url)
   }
diff --git a/src/node/markdownToVue.ts b/src/node/markdownToVue.ts
index 436192f0a518..22b9eb38f37f 100644
--- a/src/node/markdownToVue.ts
+++ b/src/node/markdownToVue.ts
@@ -27,9 +27,10 @@ export function createMarkdownToVueRenderFn(
   pages: string[],
   userDefines: Record<string, any> | undefined,
   isBuild = false,
+  base: string,
   includeLastUpdatedData = false
 ) {
-  const md = createMarkdownRenderer(srcDir, options)
+  const md = createMarkdownRenderer(srcDir, options, base)
   pages = pages.map((p) => slash(p.replace(/\.md$/, '')))
 
   const userDefineRegex = userDefines
@@ -106,6 +107,8 @@ export function createMarkdownToVueRenderFn(
     if (data.links) {
       const dir = path.dirname(file)
       for (let url of data.links) {
+        if (/\.(?!html|md)\w+($|\?)/i.test(url)) continue
+
         if (url.replace(EXTERNAL_URL_RE, '').startsWith('//localhost:')) {
           recordDeadLink(url)
           continue
diff --git a/src/node/plugin.ts b/src/node/plugin.ts
index ee70ecc53b8d..7f6e6f33c311 100644
--- a/src/node/plugin.ts
+++ b/src/node/plugin.ts
@@ -78,6 +78,7 @@ export function createVitePressPlugin(
         pages,
         config.define,
         config.command === 'build',
+        config.base,
         siteConfig.lastUpdated
       )
     },
diff --git a/src/node/serve/serve.ts b/src/node/serve/serve.ts
index 63a2aeddad34..778f7e72612e 100644
--- a/src/node/serve/serve.ts
+++ b/src/node/serve/serve.ts
@@ -23,7 +23,7 @@ export interface ServeOptions {
 export async function serve(options: ServeOptions = {}) {
   const port = options.port !== undefined ? options.port : 5000
   const site = await resolveConfig(options.root, 'serve', 'production')
-  const base = trimChar(site?.site?.base ?? "", "/")
+  const base = trimChar(site?.site?.base ?? '', '/')
 
   const compress = compression()
   const serve = sirv(site.outDir, {