style(docs): format mdx files

Author: JamieMason

site/src/_partials/option/config.mdx

@@ -5,6 +5,6 @@ import { Code } from "astro:components";
 The only requirement is that the file must have a file extension and that it is one of `.cjs`, `.cts`, `.js`, `.json`, `.mjs`, `.mts`, `.ts`, `.yaml`, or `.yml`.
 
 <Code
-  code={`syncpack ${props.command} --config ./config/syncpack.json`}
-  lang="bash"
+code={`syncpack ${props.command} --config ./config/syncpack.json`}
+lang="bash"
 />

site/src/_partials/option/dependencies.mdx

@@ -5,19 +5,29 @@ Include dependencies whose name matches the given glob pattern.
 To exclude, put a `!` at the start of your query.
 
 <Code
-  code={`
+code={`
+
 # Exact match for "react"
+
 syncpack ${props.command} --dependencies 'react'
+
 # Substring match for "react"
+
 syncpack ${props.command} --dependencies '**react**'
+
 # All dependencies under the AWS SDK scope
-syncpack ${props.command} --dependencies '@aws-sdk/**'
+
+syncpack ${props.command} --dependencies '@aws-sdk/\*\*'
+
 # Exact match for "react" or "webpack" (2 approaches)
+
 syncpack ${props.command} --dependencies 'react' --dependencies 'webpack'
 syncpack ${props.command} --dependencies '{react,webpack}'
-# Substring match for "react" or "webpack"  (2 approaches)
+
+# Substring match for "react" or "webpack" (2 approaches)
+
 syncpack ${props.command} --dependencies '**react**' --dependencies '**webpack**'
 syncpack ${props.command} --dependencies '**{react,webpack}**'
 `.trim()}
-  lang="bash"
+lang="bash"
 />

site/src/_partials/option/dependency-types.mdx

@@ -5,13 +5,19 @@ Include dependencies of the given [dependency types](REF_DEPENDENCY_TYPES) and/o
 To exclude, put a `!` at the start of your query.
 
 <Code
-  code={`
+code={`
+
 # devDependencies only
+
 syncpack ${props.command} --dependency-types dev
+
 # dependencies and devDependencies only
+
 syncpack ${props.command} --dependency-types dev,prod
+
 # everything except peerDependencies
+
 syncpack ${props.command} --dependency-types '!peer'
 `.trim()}
-  lang="bash"
+lang="bash"
 />

site/src/_partials/option/help.mdx

@@ -3,11 +3,15 @@ import { Code } from "astro:components";
 Display a list of CLI options and other help information.
 
 <Code
-  code={`
+code={`
+
 # Display a short summary of commands and options
+
 syncpack ${props.command} -h
+
 # Display full help with examples
+
 syncpack ${props.command} --help
 `.trim()}
-  lang="bash"
+lang="bash"
 />

site/src/_partials/option/log-levels.mdx

@@ -10,13 +10,19 @@ Control how detailed the log output should be
 | debug | Extremely verbose detail on why syncpack assigns each status code        |
 
 <Code
-  code={`
+code={`
+
 # Turn off logging completely
+
 syncpack ${props.command} --log-levels off
+
 # Only show verbose debugging logs
+
 syncpack ${props.command} --log-levels debug
+
 # Show everything
+
 syncpack ${props.command} --log-levels error,warn,info,debug
 `.trim()}
-  lang="bash"
+lang="bash"
 />

site/src/_partials/option/show-versions.mdx

@@ -11,15 +11,23 @@ Control what information is displayed in terminal output
 | none      | Shorthand to disable all of the above                                  |
 
 <Code
-  code={`
+code={`
+
 # Only opt into showing status codes
+
 syncpack ${props.command} --show statuses
+
 # Show all instances, not just their names
+
 syncpack ${props.command} --show instances
+
 # Show highest level of detail
+
 syncpack ${props.command} --show all
+
 # Show lowest level of detail
+
 syncpack ${props.command} --show none
 `.trim()}
-  lang="bash"
+lang="bash"
 />

site/src/_partials/option/sort.mdx

@@ -3,11 +3,15 @@ import { Code } from "astro:components";
 Change the order in which dependencies are displayed
 
 <Code
-  code={`
+code={`
+
 # Sort by count, in descending order
+
 syncpack ${props.command} --sort count
+
 # Sort A-Z by name
+
 syncpack ${props.command} --sort name
 `.trim()}
-  lang="bash"
+lang="bash"
 />

site/src/_partials/option/source.mdx

@@ -6,11 +6,15 @@ Only run <code>{`syncpack ${props.command}`}</code> on package.json files matchi
 <HowPackagesAreResolved />
 
 <Code
-  code={`# only the root package
+code={`# only the root package
 syncpack ${props.command} --source 'package.json'
+
 # only packages matching a glob
-syncpack ${props.command} --source 'packages/beta-*'
+
+syncpack ${props.command} --source 'packages/beta-\*'
+
 # multiple values can be provided
-syncpack ${props.command} --source 'package.json' --source 'packages/beta-*'`}
-  lang="bash"
+
+syncpack ${props.command} --source 'package.json' --source 'packages/beta-\*'`}
+lang="bash"
 />

site/src/_partials/option/specifier-types.mdx

@@ -5,13 +5,19 @@ Include only instances whose version specifiers are of the given [specifier type
 To exclude, put a `!` at the start of your query.
 
 <Code
-  code={`
+code={`
+
 # Exact versions only
+
 syncpack ${props.command} --show instances --specifier-types exact
+
 # Missing or unsupported versions
+
 syncpack ${props.command} --show instances --specifier-types missing,unsupported
+
 # Latest or workspace protocol only
+
 syncpack ${props.command} --show instances --specifier-types latest,workspace-protocol
 `.trim()}
-  lang="bash"
+lang="bash"
 />

site/src/_partials/option/target.mdx

@@ -3,13 +3,19 @@ import { Code } from "astro:components";
 Limit updates to only those within the given semver portion.
 
 <Code
-  code={`
+code={`
+
 # Accept any update in latest (x.x.x)
+
 syncpack ${props.command} --target latest
+
 # Only update minor versions (1.x.x)
+
 syncpack ${props.command} --target minor
+
 # Only update patch versions (1.2.x)
+
 syncpack ${props.command} --target patch
 `.trim()}
-  lang="bash"
+lang="bash"
 />