Sync open source content 🐝 (from de16a08f54d18e4a7acaf245dd5ce9890ae222ea)

Author: beezythebot

docs/prep-openapi/linting.mdx

@@ -11,18 +11,21 @@ import Image from "next/image";
 # OpenAPI document linting
 
 <Callout title="Tip" type="info">
-  The &nbsp;
+  <span>The &nbsp;</span>
   <Image
-    src="/docs/assets/vscode.svg"
+    src="/assets/vscode.svg"
     width="20"
     height="20"
     style={{ display: "inline-block" }}
     alt="Visual Studio Code logo"
   />
-  &nbsp; [Speakeasy VS Code
-  extension](https://marketplace.visualstudio.com/items?itemName=Speakeasy.speakeasy-vscode-extension)
-  provides syntax highlighting and autocompletion for editing the `lint.yaml`
-  file, as well as linting for OpenAPI documents and other supported file types.
+  <span>
+    &nbsp; [Speakeasy VS Code
+    extension](https://marketplace.visualstudio.com/items?itemName=Speakeasy.speakeasy-vscode-extension)
+    provides syntax highlighting and autocompletion for editing the `lint.yaml`
+    file, as well as linting for OpenAPI documents and other supported file
+    types.
+  </span>
 </Callout>
 
 In addition to running validation, Speakeasy lints OpenAPI documents to ensure stylistic validity. By default, the linter runs using a [recommended set of rules](/docs/linting/linting#speakeasy-recommended), which can be extended with the [available ruleset](/docs/linting/linting#available-rulesets). Custom rules can also be written using the Spectral format.
@@ -60,7 +63,7 @@ sources:
 
 Running `speakeasy run` lints the document as part of the workflow and generates an HTML report accessible from a link in the command output.
 
-3. Use the <Image src="/docs/assets/vscode.svg" width="20" height="20" style={{display: "inline-block"}} alt='Visual Studio Code logo' /> [Speakeasy VS Code extension](https://marketplace.visualstudio.com/items?itemName=Speakeasy.speakeasy-vscode-extension) in the IDE.
+3. Use the <Image src="/assets/vscode.svg" width="20" height="20" style={{display: "inline-block"}} alt='Visual Studio Code logo' /> [Speakeasy VS Code extension](https://marketplace.visualstudio.com/items?itemName=Speakeasy.speakeasy-vscode-extension) in the IDE.
 
 By default, these options use the `speakeasy-recommended` ruleset to ensure OpenAPI documents meet the Speakeasy quality bar.
 

docs/speakeasy-reference/generation/gen-yaml.mdx

@@ -1,15 +1,13 @@
 import Image from "next/image";
 import { Callout, Spotlight } from "@/mdx/components";
 
-import vsCodeImageUrl from "../../assets/vscode.svg?url";
-
 # The gen.yaml file reference
 
 <Callout title="Tip" type="info">
 
 For most use cases, the `speakeasy configure` command is the recommended means of interacting with the Speakeasy `gen.yaml` file. The `speakeasy configure` command has subcommands for configuring sources, targets, GitHub workflow setups, and package publications. All new targets created using `speakeasy quickstart` automatically generate workflow files in the `.speakeasy/` folder in the root of the target directory.
 
-The <Image src={vsCodeImageUrl} alt="VS Code" width="20" height="20" style={{display: "inline-block"}} /> [Speakeasy VS Code extension](https://marketplace.visualstudio.com/items?itemName=Speakeasy.speakeasy-vscode-extension) provides several useful features for manually editing the `gen.yaml` file, including syntax highlighting, autocompletion, and linting for OpenAPI documents and other supported file types.
+The <Image src="/assets/vscode.svg" alt="VS Code" width="20" height="20" style={{display: "inline-block"}} /> [Speakeasy VS Code extension](https://marketplace.visualstudio.com/items?itemName=Speakeasy.speakeasy-vscode-extension) provides several useful features for manually editing the `gen.yaml` file, including syntax highlighting, autocompletion, and linting for OpenAPI documents and other supported file types.
 
 </Callout>
 

docs/speakeasy-reference/workflow-file.mdx

@@ -7,16 +7,14 @@ sidbar_label: Workflow File Reference
 import Image from "next/image";
 import { Callout, Spotlight } from "@/mdx/components";
 
-import vsCodeImageUrl from "../assets/vscode.svg?url";
-
 # Speakeasy Workflow File
 
 <Callout title="Tip" type="info">
 For most use cases we recommend interacting with the Speakeasy workflow file (`workflow.yaml`) through the `speakeasy configure` command.
 This command has subcommands to configure sources, targets, github setup and package publishing. All new targets created through `speakeasy quickstart` will automatically have a workflow
 file created in the `.speakeasy/` folder in the root of their target directory.
 
-For editing the workflow file manually, <Image src={vsCodeImageUrl} alt="VS Code" width="20" height="20" style={{display: "inline-block"}} /> [Speakeasy's VSCode extension](https://marketplace.visualstudio.com/items?itemName=Speakeasy.speakeasy-vscode-extension) provides syntax highlighting and autocompletion for the workflow file,
+For editing the workflow file manually, <Image src="/assets/vscode.svg" alt="VS Code" width="20" height="20" style={{display: "inline-block"}} /> [Speakeasy's VSCode extension](https://marketplace.visualstudio.com/items?itemName=Speakeasy.speakeasy-vscode-extension) provides syntax highlighting and autocompletion for the workflow file,
 in addition to linting for OpenAPI documents, and our other supported file types.
 
 </Callout>