diff --git a/docs/guide/markdown.md b/docs/guide/markdown.md index 73b1777c..c1bf1a74 100644 --- a/docs/guide/markdown.md +++ b/docs/guide/markdown.md @@ -35,7 +35,7 @@ And providing you are in `foo/one.md`: [Home](/) [foo](/foo/) [foo heading](./#heading) -[bar - three](../bar/three) +[bar - three](../bar/three) [bar - three](../bar/three.md) [bar - four](../bar/four.html) ``` diff --git a/docs/guide/theme-footer.md b/docs/guide/theme-footer.md index c154698f..7ba14693 100644 --- a/docs/guide/theme-footer.md +++ b/docs/guide/theme-footer.md @@ -15,7 +15,7 @@ export default { ```ts export interface Footer { - // The message shown rigth before copyright. + // The message shown right before copyright. message?: string // The actual copyright text. diff --git a/docs/guide/theme-team-page.md b/docs/guide/theme-team-page.md index 1e4c9e80..a9e0ea77 100644 --- a/docs/guide/theme-team-page.md +++ b/docs/guide/theme-team-page.md @@ -25,7 +25,7 @@ const members = [ # Team Page -If you would like to introduce your team, you may use Team components to construct the Team Page. There're 2 ways of using these components. One is to embbed it in doc page, and another is to create a full Team Page. +If you would like to introduce your team, you may use Team components to construct the Team Page. There are two ways of using these components. One is to embed it in doc page, and another is to create a full Team Page. ## Show team members in a page @@ -62,7 +62,7 @@ The above will display a team member in card looking element. It should display `` component comes in 2 different sizes, `small` and `medium`. While it boils down to your preference, usually `small` size should fit better when used in doc page. Also, you may add more properties to each member such as adding "description" or "sponsor" button. Learn more about it in [``](#vpteammembers). -Embbeding team members in doc page is good for small size team where having dedicated full team page might be too much, or introducing partial members as a reference to documentation context. +Embedding team members in doc page is good for small size team where having dedicated full team page might be too much, or introducing partial members as a reference to documentation context. If you have large number of members, or simply would like to have more space to show team members, consider [creating a full team page](#create-a-full-team-page). @@ -121,7 +121,7 @@ When creating a full team page, remember to wrap all components with `` component to the `team.md` file we created previously. diff --git a/docs/guide/what-is-vitepress.md b/docs/guide/what-is-vitepress.md index 4eeb20b2..cd4a0be2 100644 --- a/docs/guide/what-is-vitepress.md +++ b/docs/guide/what-is-vitepress.md @@ -50,4 +50,4 @@ We already have [vuepress-next](https://github.com/vuepress/vuepress-next), whic VitePress is not compatible with the current VuePress ecosystem (mostly themes and plugins). The overall idea is that VitePress will have a drastically more minimal theming API (preferring JavaScript APIs instead of file layout conventions) and likely no plugins (all customization is done in themes). -There is an [ongoing disccussion](https://github.com/vuejs/vitepress/discussions/548) about this topic. If you're curious, please leave your thoughts! +There is an [ongoing discussion](https://github.com/vuejs/vitepress/discussions/548) about this topic. If you're curious, please leave your thoughts! diff --git a/examples/vitestSetup.ts b/examples/vitestSetup.ts index 3c33c0d8..cc6f1464 100644 --- a/examples/vitestSetup.ts +++ b/examples/vitestSetup.ts @@ -159,7 +159,7 @@ export async function startDefaultServe(): Promise { devBase === '/' ? '' : devBase }` await page.goto(vitePressTestUrl) - // TODO: A manual reload is needed bacause the first load of page will crash + // TODO: A manual reload is needed because the first load of page will crash // because of multiple vue instances. (see https://github.com/vuejs/vitepress/issues/1016) // Try to remove this after migrating to Vite3. if (isServe) { diff --git a/src/client/theme-default/composables/sponsor-grid.ts b/src/client/theme-default/composables/sponsor-grid.ts index e4dc05c8..23c54b79 100644 --- a/src/client/theme-default/composables/sponsor-grid.ts +++ b/src/client/theme-default/composables/sponsor-grid.ts @@ -7,15 +7,15 @@ export interface GridSetting { export type GridSize = 'xmini' | 'mini' | 'small' | 'medium' | 'big' -export interface UseSponsorsGridOprions { +export interface UseSponsorsGridOptions { el: Ref size?: GridSize } /** - * Defines grid configuration for each sponsor size in touple. + * Defines grid configuration for each sponsor size in tuple. * - * [Screen widh, Column size] + * [Screen width, Column size] * * It sets grid size on matching screen size. For example, `[768, 5]` will * set 5 columns when screen size is bigger or equal to 768px. @@ -49,7 +49,7 @@ const GridSettings: GridSetting = { export function useSponsorsGrid({ el, size = 'medium' -}: UseSponsorsGridOprions) { +}: UseSponsorsGridOptions) { const onResize = throttleAndDebounce(manage, 100) onMounted(() => {