mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 08:33:53 +00:00
docs: remove example of deprecated reactivity transform (#21396)
This commit is contained in:
parent
ee6869b1ba
commit
0505c9147d
@ -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"}
|
|
||||||
::
|
|
@ -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>
|
|
@ -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>
|
|
@ -1,9 +0,0 @@
|
|||||||
export default defineNuxtConfig({
|
|
||||||
modules: [
|
|
||||||
'@nuxt/ui'
|
|
||||||
],
|
|
||||||
experimental: {
|
|
||||||
reactivityTransform: true
|
|
||||||
}
|
|
||||||
// builder: 'webpack'
|
|
||||||
})
|
|
@ -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"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,3 +0,0 @@
|
|||||||
{
|
|
||||||
"extends": "./.nuxt/tsconfig.json"
|
|
||||||
}
|
|
@ -12,6 +12,10 @@ export default defineUntypedSchema({
|
|||||||
/**
|
/**
|
||||||
* Enable Vue's reactivity transform
|
* Enable Vue's reactivity transform
|
||||||
* @see https://vuejs.org/guide/extras/reactivity-transform.html
|
* @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,
|
reactivityTransform: false,
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user