docs: remove example of deprecated reactivity transform (#21396)

docs/4.examples/7.experimental/reactivity-transform.md

@@ -1,13 +0,0 @@
----
-toc: false
----
-
-# Reactivity Transform
-
-This example demonstrates the support of Reactivity Transform in Nuxt 3.
-
-::ReadMore{link="https://vuejs.org/guide/extras/reactivity-transform.html" title="Reactivity Transform"}
-::
-
-::sandbox{repo="nuxt/nuxt" branch="main" dir="examples/experimental/reactivity-transform" file="app.vue"}
-::

examples/experimental/reactivity-transform/app.vue

@@ -1,26 +0,0 @@
-<script setup lang="ts">
-let count = $ref(0)
-
-function inc () {
-  count++
-}
-function dec () {
-  count--
-}
-</script>
-
-<template>
-  <NuxtExampleLayout example="experimental/reactivity-transform">
-    <div>
-      <Label :count="count" />
-      <div class="flex gap-1 justify-center">
-        <NButton @click="inc()">
-          Inc
-        </NButton>
-        <NButton @click="dec()">
-          Dec
-        </NButton>
-      </div>
-    </div>
-  </NuxtExampleLayout>
-</template>

examples/experimental/reactivity-transform/components/label.vue

@@ -1,13 +0,0 @@
-<script setup lang="ts">
-const props = defineProps<{
-  count: number,
-}>()
-const doubled = $computed(() => props.count * 2)
-</script>
-
-<template>
-  <div class="pb2">
-    Count <b>{{ count }}</b><br>
-    Doubled <b>{{ doubled }}</b>
-  </div>
-</template>

examples/experimental/reactivity-transform/nuxt.config.ts

@@ -1,9 +0,0 @@
-export default defineNuxtConfig({
-  modules: [
-    '@nuxt/ui'
-  ],
-  experimental: {
-    reactivityTransform: true
-  }
-  // builder: 'webpack'
-})

examples/experimental/reactivity-transform/package.json

@@ -1,13 +0,0 @@
-{
-  "name": "example-reactivity-transform",
-  "private": true,
-  "scripts": {
-    "build": "nuxi build",
-    "dev": "nuxi dev",
-    "start": "nuxi preview"
-  },
-  "devDependencies": {
-    "@nuxt/ui": "^0.3.3",
-    "nuxt": "^3.0.0"
-  }
-}

examples/experimental/reactivity-transform/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": "./.nuxt/tsconfig.json"
-}

packages/schema/src/config/experimental.ts

@@ -12,6 +12,10 @@ export default defineUntypedSchema({
     /**
      * Enable Vue's reactivity transform
      * @see https://vuejs.org/guide/extras/reactivity-transform.html
+     * 
+     * Warning: Reactivity transform feature has been marked as deprecated in Vue 3.3 and is planned to be 
+     * removed from core in Vue 3.4.
+     * @see https://github.com/vuejs/rfcs/discussions/369#discussioncomment-5059028
      */
     reactivityTransform: false,