Release notes for v0.112.0 (#2148)

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>