add component for experimental option callouts

Author: cptpiepmatz

.vuepress/client.js

@@ -7,6 +7,7 @@
 import { defineClientConfig } from 'vuepress/client';
 import AsciinemaPlayer from './components/AsciinemaPlayer.vue';
 import BlogPosts from './components/BlogPosts.vue';
+import ExperimentalOption from './components/ExperimentalOption.vue';
 import JumpToc from './components/JumpToc.vue';
 import PrBy from './components/PrBy.vue';
 import ReleaseToc from './components/ReleaseToc.vue';
@@ -15,6 +16,7 @@ export default defineClientConfig({
   enhance({ app }) {
     app.component('AsciinemaPlayer', AsciinemaPlayer);
     app.component('BlogPosts', BlogPosts);
+    app.component('ExperimentalOption', ExperimentalOption);
     app.component('JumpToc', JumpToc);
     app.component('PrBy', PrBy);
     app.component('ReleaseToc', ReleaseToc);

.vuepress/components/ExperimentalOption.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="hint-container important">
+    <p class="hint-container-title">Experimental option</p>
+    <p>
+      This feature is behind an experimental option. Run Nushell with
+      <code>--experimental-option={{ option }}</code> or set before running
+      Nushell the environment variable to
+      <code>NU_EXPERIMENTAL_OPTIONS={{ option }}</code
+      >.
+    </p>
+  </div>
+</template>
+
+<style scoped>
+code {
+  white-space: nowrap;
+}
+</style>
+
+<script setup lang="ts">
+const { option } = defineProps({
+  option: {
+    type: String,
+    required: true,
+  },
+});
+</script>

blog/2026-04-11-nushell_v0_112_0.md

@@ -186,6 +186,8 @@ $env.config.history.path = "/custom/history.txt"  # custom location
 
 ### New experimental option `cell-path-types` <JumpToc/> <PrBy :pr="17673" user="blindFS" />
 
+<ExperimentalOption option="cell-path-types"/>
+
 Added a new experimental option named `cell-path-types` which enforces type inferencing on cell path expressions like `{foo: 1}.foo` if enabled. That means the following examples (previously caused runtime errors or ran successfully) will be rejected by the parser:
 
 ```nushell