From 7624e9a52f6e8fe8b14f689d46801d895465dc5d Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Thu, 24 Sep 2020 19:27:18 +0800
Subject: [PATCH 01/13] Create 0000-sfc-script-no-ref.md

---
 active-rfcs/0000-sfc-script-no-ref.md | 126 ++++++++++++++++++++++++++
 1 file changed, 126 insertions(+)
 create mode 100644 active-rfcs/0000-sfc-script-no-ref.md

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
new file mode 100644
index 00000000..2b4cdd27
--- /dev/null
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -0,0 +1,126 @@
+- Start Date: 2020-09-24
+- Target Major Version: 3.x
+- Reference Issues: N/A
+- Implementation PR: N/A
+
+# Summary
+
+TODO
+
+# Basic example
+
+```html
+<script noref>
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+    setup() {
+        let foo = 1 // @ref
+        const bar = 2
+        const baz = foo + bar // @computed
+
+        console.log(baz)
+
+        return {
+            foo: (foo),
+            baz: (baz),
+        }
+    }
+})
+</script>
+```
+
+# Motivation
+
+TODO
+
+# Detailed design
+
+TODO
+
+## Use with `<script setup>`
+
+```html
+<script setup noref>
+export let foo = 1 // @ref
+export let bar = 2
+export const baz = foo + bar // @computed
+</script>
+```
+
+<details>
+<summary>Result</summary>
+
+```html
+<script setup>
+import { ref, computed } from 'vue'
+
+export let foo = ref(1)
+export let bar = 2
+export const baz = computed(() => foo.value + bar)
+</script>
+```
+</details>
+
+## Multi-line computed
+
+```html
+<script setup noref>
+// @computed
+export const baz = (() => {
+    let foo = 1
+    let bar = 2
+    return foo + bar
+})()
+console.log(baz);
+</script>
+```
+
+<details>
+<summary>Result</summary>
+
+```html
+<script setup>
+import { computed } from 'vue'
+
+export const baz = computed(() => {
+    let foo = 1
+    let bar = 2
+    return foo + bar
+})
+console.log(baz.value);
+</script>
+```
+</details>
+
+## Don't transform
+
+```html
+<script noref>
+let foo = 1 // @ref
+const bar = foo
+const baz = (foo)
+</script>
+```
+
+<details>
+<summary>Result</summary>
+
+```html
+<script>
+import { ref } from 'vue'
+
+let foo = ref(1)
+const bar = foo.value
+const baz = foo
+</script>
+```
+</details>
+
+# Drawbacks
+
+TODO
+
+# Adoption strategy
+
+TODO

From 5b18ce1246cef684bdd614360e3bd5abc62f3423 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Thu, 24 Sep 2020 19:33:51 +0800
Subject: [PATCH 02/13] Remove setup attr in multi-line computed sample

---
 active-rfcs/0000-sfc-script-no-ref.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index 2b4cdd27..b2aa034c 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -65,7 +65,7 @@ export const baz = computed(() => foo.value + bar)
 ## Multi-line computed
 
 ```html
-<script setup noref>
+<script noref>
 // @computed
 export const baz = (() => {
     let foo = 1
@@ -80,7 +80,7 @@ console.log(baz);
 <summary>Result</summary>
 
 ```html
-<script setup>
+<script>
 import { computed } from 'vue'
 
 export const baz = computed(() => {

From 9ae07150575daa15fa9b7007ee1192d5aa9aab04 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Thu, 24 Sep 2020 19:56:36 +0800
Subject: [PATCH 03/13] Added detailed design descriptions (Chinese)

---
 active-rfcs/0000-sfc-script-no-ref.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index b2aa034c..0a76881a 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -40,6 +40,8 @@ TODO
 
 ## Use with `<script setup>`
 
+`noref`轉換不方式不具有破壞性，因此可以與`<script setup>`同時使用。
+
 ```html
 <script setup noref>
 export let foo = 1 // @ref
@@ -64,6 +66,8 @@ export const baz = computed(() => foo.value + bar)
 
 ## Multi-line computed
 
+為了讓Language Service為`baz`獲取正確的類型，多行computed需要使用IIFE。
+
 ```html
 <script noref>
 // @computed
@@ -95,6 +99,10 @@ console.log(baz.value);
 
 ## Don't transform
 
+某些情況下需要使用取得ref物件本身而非`.value`，例如在setup() return的時候。
+
+這種情況可以以小括號`()`包裏`no-ref`物件，編譯器會移除`no-ref`物件外的`()`，並抵削一次轉換操作。
+
 ```html
 <script noref>
 let foo = 1 // @ref

From 22ab67b0ee9dac952f1b674aa20437d9a2c0e871 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Thu, 24 Sep 2020 21:53:55 +0800
Subject: [PATCH 04/13] Update Summary, Basic example, Detailed design,
 Drawbacks

---
 active-rfcs/0000-sfc-script-no-ref.md | 110 ++++++++++++++++++++------
 1 file changed, 86 insertions(+), 24 deletions(-)

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index 0a76881a..27412379 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -5,38 +5,60 @@
 
 # Summary
 
-TODO
+`<script noref>`是在`<script setup>`之前執行的編譯步驟，使用Composition API的響應式物件時可以省略編寫`.value`，從而減少代碼和改善編碼體驗。這個方案有以下特點：
+
+- 已有代碼轉為`<script noref>`的修改是對稱的
+- 編譯器轉換不具有破壞性
+- 不需要額外Language Service支持
 
 # Basic example
 
 ```html
 <script noref>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
+export default {
     setup() {
-        let foo = 1 // @ref
-        const bar = 2
-        const baz = foo + bar // @computed
-
-        console.log(baz)
+        let count = 0 // @ref
+        let inc = () => count++
 
         return {
-            foo: (foo),
-            baz: (baz),
+            count,
+            inc,
         }
-    }
-})
+    },
+}
 </script>
 ```
 
+<details>
+<summary>Result</summary>
+
+```html
+<script>
+import { ref } from 'vue'
+
+export default {
+    setup() {
+        let count = ref(0)
+        let inc = () => count.value++
+
+        return {
+            count,
+            inc,
+        }
+    },
+}
+```
+</details>
+
 # Motivation
 
 TODO
 
 # Detailed design
 
-TODO
+將script標籤改更為`<script noref>`以啟用`no-ref`編譯。
+
+在變量宣告行結尾或前一行注釋`@ref`/`@computed`，變量會被編譯為`ref()`/`computed()`，並且變量的引用處會增加`.value`後綴。
 
 ## Use with `<script setup>`
 
@@ -46,7 +68,7 @@ TODO
 <script setup noref>
 export let foo = 1 // @ref
 export let bar = 2
-export const baz = foo + bar // @computed
+export let baz = foo + bar // @computed
 </script>
 ```
 
@@ -59,19 +81,19 @@ import { ref, computed } from 'vue'
 
 export let foo = ref(1)
 export let bar = 2
-export const baz = computed(() => foo.value + bar)
+export let baz = computed(() => foo.value + bar)
 </script>
 ```
 </details>
 
 ## Multi-line computed
 
-為了讓Language Service為`baz`獲取正確的類型，多行computed需要使用IIFE。
+為了讓Language Service為`// @computed`獲取正確的類型，多行computed需要定義為IIFE。
 
 ```html
 <script noref>
 // @computed
-export const baz = (() => {
+export let baz = (() => {
     let foo = 1
     let bar = 2
     return foo + bar
@@ -87,7 +109,7 @@ console.log(baz);
 <script>
 import { computed } from 'vue'
 
-export const baz = computed(() => {
+export let baz = computed(() => {
     let foo = 1
     let bar = 2
     return foo + bar
@@ -106,8 +128,8 @@ console.log(baz.value);
 ```html
 <script noref>
 let foo = 1 // @ref
-const bar = foo
-const baz = (foo)
+let bar = foo
+let baz = (foo)
 </script>
 ```
 
@@ -119,15 +141,55 @@ const baz = (foo)
 import { ref } from 'vue'
 
 let foo = ref(1)
-const bar = foo.value
-const baz = foo
+let bar = foo.value
+let baz = foo
+</script>
+```
+</details>
+
+對於屬性缺省的情況編譯器不會進行轉換，因此setup()可以使用屬性缺省或`()`兩種方式return ref物件。
+
+```html
+<script noref>
+export default {
+    setup() {
+        let foo1 = 1 // @ref
+        let foo2 = 2 // @ref
+
+        return {
+            foo1,
+            foo2: (foo2),
+        }
+    }
+}
+</script>
+```
+
+<details>
+<summary>Result</summary>
+
+```html
+<script>
+import { ref } from 'vue'
+
+export default {
+    setup() {
+        let foo1 = ref(1)
+        let foo2 = ref(2)
+
+        return {
+            foo1,
+            foo2: foo2,
+        }
+    }
+}
 </script>
 ```
 </details>
 
 # Drawbacks
 
-TODO
+編譯器實現可能很複雜
 
 # Adoption strategy
 

From 18e63878068ffbacf3bc0b8fbfa3420c77c48129 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Thu, 24 Sep 2020 22:01:04 +0800
Subject: [PATCH 05/13] Make transform let/const correct

---
 active-rfcs/0000-sfc-script-no-ref.md | 30 +++++++++++++--------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index 27412379..7825ca65 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -18,7 +18,7 @@
 export default {
     setup() {
         let count = 0 // @ref
-        let inc = () => count++
+        const inc = () => count++
 
         return {
             count,
@@ -38,8 +38,8 @@ import { ref } from 'vue'
 
 export default {
     setup() {
-        let count = ref(0)
-        let inc = () => count.value++
+        const count = ref(0)
+        const inc = () => count.value++
 
         return {
             count,
@@ -68,7 +68,7 @@ TODO
 <script setup noref>
 export let foo = 1 // @ref
 export let bar = 2
-export let baz = foo + bar // @computed
+export const baz = foo + bar // @computed
 </script>
 ```
 
@@ -79,9 +79,9 @@ export let baz = foo + bar // @computed
 <script setup>
 import { ref, computed } from 'vue'
 
-export let foo = ref(1)
+export const foo = ref(1)
 export let bar = 2
-export let baz = computed(() => foo.value + bar)
+export const baz = computed(() => foo.value + bar)
 </script>
 ```
 </details>
@@ -93,9 +93,9 @@ export let baz = computed(() => foo.value + bar)
 ```html
 <script noref>
 // @computed
-export let baz = (() => {
-    let foo = 1
-    let bar = 2
+export const baz = (() => {
+    const foo = 1
+    const bar = 2
     return foo + bar
 })()
 console.log(baz);
@@ -109,9 +109,9 @@ console.log(baz);
 <script>
 import { computed } from 'vue'
 
-export let baz = computed(() => {
-    let foo = 1
-    let bar = 2
+export const baz = computed(() => {
+    const foo = 1
+    const bar = 2
     return foo + bar
 })
 console.log(baz.value);
@@ -140,7 +140,7 @@ let baz = (foo)
 <script>
 import { ref } from 'vue'
 
-let foo = ref(1)
+const foo = ref(1)
 let bar = foo.value
 let baz = foo
 </script>
@@ -174,8 +174,8 @@ import { ref } from 'vue'
 
 export default {
     setup() {
-        let foo1 = ref(1)
-        let foo2 = ref(2)
+        const foo1 = ref(1)
+        const foo2 = ref(2)
 
         return {
             foo1,

From f3015d309e65a22338c724dbdf5b3471f8851fa8 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Thu, 24 Sep 2020 22:06:44 +0800
Subject: [PATCH 06/13] Add TypeScript sample

---
 active-rfcs/0000-sfc-script-no-ref.md | 91 +++++++++++++++++----------
 1 file changed, 58 insertions(+), 33 deletions(-)

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index 7825ca65..adb5c158 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -86,39 +86,6 @@ export const baz = computed(() => foo.value + bar)
 ```
 </details>
 
-## Multi-line computed
-
-為了讓Language Service為`// @computed`獲取正確的類型，多行computed需要定義為IIFE。
-
-```html
-<script noref>
-// @computed
-export const baz = (() => {
-    const foo = 1
-    const bar = 2
-    return foo + bar
-})()
-console.log(baz);
-</script>
-```
-
-<details>
-<summary>Result</summary>
-
-```html
-<script>
-import { computed } from 'vue'
-
-export const baz = computed(() => {
-    const foo = 1
-    const bar = 2
-    return foo + bar
-})
-console.log(baz.value);
-</script>
-```
-</details>
-
 ## Don't transform
 
 某些情況下需要使用取得ref物件本身而非`.value`，例如在setup() return的時候。
@@ -187,6 +154,64 @@ export default {
 ```
 </details>
 
+# TypeScript
+
+`no-ref`物件可以像一般變量一樣定義類型
+
+```html
+<script lang="ts" noref>
+let foo: number | string = 1 // @ref
+const bar: string = foo; // @computed
+</script>
+```
+
+<details>
+<summary>Result</summary>
+
+```html
+<script lang="ts">
+import { ref, computed } from 'vue'
+
+const foo = ref<number | string>(1)
+const bar = computed<string>(() => foo.value)
+</script>
+```
+</details>
+
+
+## Multi-line computed
+
+為了讓Language Service為`// @computed`獲取正確的類型，多行computed需要定義為IIFE。
+
+```html
+<script noref>
+// @computed
+export const baz = (() => {
+    const foo = 1
+    const bar = 2
+    return foo + bar
+})()
+console.log(baz);
+</script>
+```
+
+<details>
+<summary>Result</summary>
+
+```html
+<script>
+import { computed } from 'vue'
+
+export const baz = computed(() => {
+    const foo = 1
+    const bar = 2
+    return foo + bar
+})
+console.log(baz.value);
+</script>
+```
+</details>
+
 # Drawbacks
 
 編譯器實現可能很複雜

From 9311f51fc84d48efacc657aec113c4c2e4c16664 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Thu, 24 Sep 2020 22:10:32 +0800
Subject: [PATCH 07/13] Fixed TypeScript sample header level

---
 active-rfcs/0000-sfc-script-no-ref.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index adb5c158..0343b451 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -154,7 +154,7 @@ export default {
 ```
 </details>
 
-# TypeScript
+## TypeScript
 
 `no-ref`物件可以像一般變量一樣定義類型
 

From 10063bbd5c440f21100de7e8366340fb4a336d99 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Thu, 24 Sep 2020 22:14:12 +0800
Subject: [PATCH 08/13] Update Multi-line computed sample

---
 active-rfcs/0000-sfc-script-no-ref.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index 0343b451..eeeedc34 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -185,10 +185,10 @@ const bar = computed<string>(() => foo.value)
 
 ```html
 <script noref>
+let foo = 1 // @ref
+let bar = 2 // @ref
 // @computed
-export const baz = (() => {
-    const foo = 1
-    const bar = 2
+const baz = (() => {
     return foo + bar
 })()
 console.log(baz);
@@ -200,12 +200,12 @@ console.log(baz);
 
 ```html
 <script>
-import { computed } from 'vue'
+import { ref, computed } from 'vue'
 
-export const baz = computed(() => {
-    const foo = 1
-    const bar = 2
-    return foo + bar
+const foo = ref(1)
+const bar = ref(2)
+const baz = computed(() => {
+    return foo.value + bar.value
 })
 console.log(baz.value);
 </script>

From 58ad9380fb5630918eb3500cd88db8925c162e15 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Thu, 24 Sep 2020 23:03:42 +0800
Subject: [PATCH 09/13] Added Adoption strategy

---
 active-rfcs/0000-sfc-script-no-ref.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index eeeedc34..d9d36db7 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -218,4 +218,4 @@ console.log(baz.value);
 
 # Adoption strategy
 
-TODO
+這是可選及向後兼容的新功能

From 8463999717ab31da80e41f89f2c649eb690bc163 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Thu, 24 Sep 2020 23:31:48 +0800
Subject: [PATCH 10/13] Added Motivation

---
 active-rfcs/0000-sfc-script-no-ref.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index d9d36db7..0814bead 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -52,7 +52,9 @@ export default {
 
 # Motivation
 
-TODO
+通常編寫代碼時，我們預期不需要`.value`來存取變量，`.value`的存取方式對用戶沒有額外好處。`.value`的特性也導致非ref變量與ref物件一起使用時，容易出現代碼看起來較混亂的情況。
+
+`.value`是ref物件的統一特性，因此我們認為可以利用編譯器將這個特性抺除，同時可以保留響應功能。
 
 # Detailed design
 

From 072288d619a5fd6001e417fbb1012d10561ed6f3 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Thu, 24 Sep 2020 23:37:13 +0800
Subject: [PATCH 11/13] Fixed Basic example

---
 active-rfcs/0000-sfc-script-no-ref.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index 0814bead..823ffc3a 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -47,6 +47,7 @@ export default {
         }
     },
 }
+</script>
 ```
 </details>
 

From 956e74288552b699dafd83f0706430f86c11e0fb Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Fri, 25 Sep 2020 00:25:45 +0800
Subject: [PATCH 12/13] Add English version

---
 active-rfcs/0000-sfc-script-no-ref.md    |  32 ++--
 active-rfcs/0000-sfc-script-no-ref.zh.md | 224 +++++++++++++++++++++++
 2 files changed, 240 insertions(+), 16 deletions(-)
 create mode 100644 active-rfcs/0000-sfc-script-no-ref.zh.md

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index 823ffc3a..abc86a3b 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -5,11 +5,11 @@
 
 # Summary
 
-`<script noref>`是在`<script setup>`之前執行的編譯步驟，使用Composition API的響應式物件時可以省略編寫`.value`，從而減少代碼和改善編碼體驗。這個方案有以下特點：
+`<script noref>` is a compilation step performed before `<script setup>`. When using Composition API's responsive objects, writing `.value` can be omitted, thereby reducing code and improving coding experience. This program has the following characteristics:
 
-- 已有代碼轉為`<script noref>`的修改是對稱的
-- 編譯器轉換不具有破壞性
-- 不需要額外Language Service支持
+- The modification of the existing code to `<script noref>` is symmetrical
+- The compiler conversion is not destructive
+- No need for additional Language Service support
 
 # Basic example
 
@@ -53,19 +53,19 @@ export default {
 
 # Motivation
 
-通常編寫代碼時，我們預期不需要`.value`來存取變量，`.value`的存取方式對用戶沒有額外好處。`.value`的特性也導致非ref變量與ref物件一起使用時，容易出現代碼看起來較混亂的情況。
+Usually when writing code, we expect that `.value` is not needed to access variables, and the access method of `.value` has no additional benefit to users. The characteristics of `.value` also cause the code to look messy when non-ref variables are used with ref objects.
 
-`.value`是ref物件的統一特性，因此我們認為可以利用編譯器將這個特性抺除，同時可以保留響應功能。
+`.value` is a unified feature of ref objects, so we think we can use the compiler to remove this feature while retaining the response function.
 
 # Detailed design
 
-將script標籤改更為`<script noref>`以啟用`no-ref`編譯。
+Change the script tag to `<script noref>` to enable `no-ref` compilation.
 
-在變量宣告行結尾或前一行注釋`@ref`/`@computed`，變量會被編譯為`ref()`/`computed()`，並且變量的引用處會增加`.value`後綴。
+At the end of the variable declaration line or comment `@ref`/`@computed` in the previous line, the variable will be compiled to `ref()`/`computed()`, and the reference of the variable will be added with a `.value` suffix.
 
 ## Use with `<script setup>`
 
-`noref`轉換不方式不具有破壞性，因此可以與`<script setup>`同時使用。
+The `noref` conversion method is not destructive, so it can be used together with `<script setup>`.
 
 ```html
 <script setup noref>
@@ -91,9 +91,9 @@ export const baz = computed(() => foo.value + bar)
 
 ## Don't transform
 
-某些情況下需要使用取得ref物件本身而非`.value`，例如在setup() return的時候。
+In some cases, it is necessary to use the ref object itself instead of `.value`, such as when setting up () return.
 
-這種情況可以以小括號`()`包裏`no-ref`物件，編譯器會移除`no-ref`物件外的`()`，並抵削一次轉換操作。
+In this case, the `no-ref` object in the parentheses `()` package can be used. The compiler will remove the `()` outside the `no-ref` object and eliminate a conversion operation.
 
 ```html
 <script noref>
@@ -117,7 +117,7 @@ let baz = foo
 ```
 </details>
 
-對於屬性缺省的情況編譯器不會進行轉換，因此setup()可以使用屬性缺省或`()`兩種方式return ref物件。
+In the case of attribute defaults, the compiler will not perform conversion, so setup() can use attribute defaults or `()` to return ref objects.
 
 ```html
 <script noref>
@@ -159,7 +159,7 @@ export default {
 
 ## TypeScript
 
-`no-ref`物件可以像一般變量一樣定義類型
+`no-ref` objects can define types like general variables.
 
 ```html
 <script lang="ts" noref>
@@ -184,7 +184,7 @@ const bar = computed<string>(() => foo.value)
 
 ## Multi-line computed
 
-為了讓Language Service為`// @computed`獲取正確的類型，多行computed需要定義為IIFE。
+In order for the Language Service to obtain the correct type for `// @computed`, multi-line computed needs to be defined as IIFE.
 
 ```html
 <script noref>
@@ -217,8 +217,8 @@ console.log(baz.value);
 
 # Drawbacks
 
-編譯器實現可能很複雜
+Compiler implementation can be complicated
 
 # Adoption strategy
 
-這是可選及向後兼容的新功能
+This is an optional and backward compatible new feature
diff --git a/active-rfcs/0000-sfc-script-no-ref.zh.md b/active-rfcs/0000-sfc-script-no-ref.zh.md
new file mode 100644
index 00000000..d41327dd
--- /dev/null
+++ b/active-rfcs/0000-sfc-script-no-ref.zh.md
@@ -0,0 +1,224 @@
+- Start Date: 2020-09-24
+- Target Major Version: 3.x
+- Reference Issues: N/A
+- Implementation PR: N/A
+
+# Summary
+
+`<script noref>`是在`<script setup>`之前執行的編譯步驟，使用Composition API的響應式物件時可以省略編寫`.value`，從而減少代碼和改善編碼體驗。這個方案有以下特點：
+
+- 已有代碼轉為`<script noref>`的修改是對稱的
+- 編譯器轉換不具有破壞性
+- 不需要額外Language Service支持
+
+# Basic example
+
+```html
+<script noref>
+export default {
+    setup() {
+        let count = 0 // @ref
+        const inc = () => count++
+
+        return {
+            count,
+            inc,
+        }
+    },
+}
+</script>
+```
+
+<details>
+<summary>編譯結果</summary>
+
+```html
+<script>
+import { ref } from 'vue'
+
+export default {
+    setup() {
+        const count = ref(0)
+        const inc = () => count.value++
+
+        return {
+            count,
+            inc,
+        }
+    },
+}
+</script>
+```
+</details>
+
+# Motivation
+
+通常編寫代碼時，我們預期不需要`.value`來存取變量，`.value`的存取方式對用戶沒有額外好處。`.value`的特性也導致非ref變量與ref物件一起使用時，容易出現代碼看起來較混亂的情況。
+
+`.value`是ref物件的統一特性，因此我們認為可以利用編譯器將這個特性抺除，同時可以保留響應功能。
+
+# Detailed design
+
+將script標籤改更為`<script noref>`以啟用`no-ref`編譯。
+
+在變量宣告行結尾或前一行注釋`@ref`/`@computed`，變量會被編譯為`ref()`/`computed()`，並且變量的引用處會增加`.value`後綴。
+
+## Use with `<script setup>`
+
+`noref`轉換不方式不具有破壞性，因此可以與`<script setup>`同時使用。
+
+```html
+<script setup noref>
+export let foo = 1 // @ref
+export let bar = 2
+export const baz = foo + bar // @computed
+</script>
+```
+
+<details>
+<summary>編譯結果</summary>
+
+```html
+<script setup>
+import { ref, computed } from 'vue'
+
+export const foo = ref(1)
+export let bar = 2
+export const baz = computed(() => foo.value + bar)
+</script>
+```
+</details>
+
+## Don't transform
+
+某些情況下需要使用取得ref物件本身而非`.value`，例如在setup() return的時候。
+
+這種情況可以以小括號`()`包裏`no-ref`物件，編譯器會移除`no-ref`物件外的`()`，並抵削一次轉換操作。
+
+```html
+<script noref>
+let foo = 1 // @ref
+let bar = foo
+let baz = (foo)
+</script>
+```
+
+<details>
+<summary>編譯結果</summary>
+
+```html
+<script>
+import { ref } from 'vue'
+
+const foo = ref(1)
+let bar = foo.value
+let baz = foo
+</script>
+```
+</details>
+
+對於屬性缺省的情況編譯器不會進行轉換，因此setup()可以使用屬性缺省或`()`兩種方式return ref物件。
+
+```html
+<script noref>
+export default {
+    setup() {
+        let foo1 = 1 // @ref
+        let foo2 = 2 // @ref
+
+        return {
+            foo1,
+            foo2: (foo2),
+        }
+    }
+}
+</script>
+```
+
+<details>
+<summary>編譯結果</summary>
+
+```html
+<script>
+import { ref } from 'vue'
+
+export default {
+    setup() {
+        const foo1 = ref(1)
+        const foo2 = ref(2)
+
+        return {
+            foo1,
+            foo2: foo2,
+        }
+    }
+}
+</script>
+```
+</details>
+
+## TypeScript
+
+`no-ref`物件可以像一般變量一樣定義類型。
+
+```html
+<script lang="ts" noref>
+let foo: number | string = 1 // @ref
+const bar: string = foo; // @computed
+</script>
+```
+
+<details>
+<summary>編譯結果</summary>
+
+```html
+<script lang="ts">
+import { ref, computed } from 'vue'
+
+const foo = ref<number | string>(1)
+const bar = computed<string>(() => foo.value)
+</script>
+```
+</details>
+
+
+## Multi-line computed
+
+為了讓Language Service為`// @computed`獲取正確的類型，多行computed需要定義為IIFE。
+
+```html
+<script noref>
+let foo = 1 // @ref
+let bar = 2 // @ref
+// @computed
+const baz = (() => {
+    return foo + bar
+})()
+console.log(baz);
+</script>
+```
+
+<details>
+<summary>編譯結果</summary>
+
+```html
+<script>
+import { ref, computed } from 'vue'
+
+const foo = ref(1)
+const bar = ref(2)
+const baz = computed(() => {
+    return foo.value + bar.value
+})
+console.log(baz.value);
+</script>
+```
+</details>
+
+# Drawbacks
+
+編譯器實現可能很複雜
+
+# Adoption strategy
+
+這是可選及向後兼容的新功能

From 557b87c589dfae49ee93cacb2248462af32df24d Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Fri, 25 Sep 2020 15:57:52 +0800
Subject: [PATCH 13/13] Remove `()` feature

---
 active-rfcs/0000-sfc-script-no-ref.md    | 50 +++++++++++++-----------
 active-rfcs/0000-sfc-script-no-ref.zh.md | 50 +++++++++++++-----------
 2 files changed, 56 insertions(+), 44 deletions(-)

diff --git a/active-rfcs/0000-sfc-script-no-ref.md b/active-rfcs/0000-sfc-script-no-ref.md
index abc86a3b..86a4ddbf 100644
--- a/active-rfcs/0000-sfc-script-no-ref.md
+++ b/active-rfcs/0000-sfc-script-no-ref.md
@@ -91,15 +91,21 @@ export const baz = computed(() => foo.value + bar)
 
 ## Don't transform
 
-In some cases, it is necessary to use the ref object itself instead of `.value`, such as when setting up () return.
+> To reduce magic, the `()` feature has been removed
 
-In this case, the `no-ref` object in the parentheses `()` package can be used. The compiler will remove the `()` outside the `no-ref` object and eliminate a conversion operation.
+If you need to reference ref objects, you can still use the Composition API in the `no-ref` script.
 
 ```html
-<script noref>
+<script lang="ts" noref>
+import { ref } 'vue'
+
 let foo = 1 // @ref
-let bar = foo
-let baz = (foo)
+let bar = ref(2)
+
+// baz(foo) // type error
+baz(bar) // ok
+
+function baz(val: Ref<number>) { ... }
 </script>
 ```
 
@@ -107,28 +113,30 @@ let baz = (foo)
 <summary>Result</summary>
 
 ```html
-<script>
-import { ref } from 'vue'
+<script lang="ts">
+import { ref } 'vue'
 
-const foo = ref(1)
-let bar = foo.value
-let baz = foo
+let foo = ref(1)
+let bar = ref(2)
+
+// baz(foo.value) // type error
+baz(bar) // ok
+
+function baz(val: Ref<number>) { ... }
 </script>
 ```
 </details>
 
-In the case of attribute defaults, the compiler will not perform conversion, so setup() can use attribute defaults or `()` to return ref objects.
+For attribute less case, the compiler will not perform conversion, so setup() can use the original method to return ref objects.
 
 ```html
 <script noref>
 export default {
     setup() {
-        let foo1 = 1 // @ref
-        let foo2 = 2 // @ref
+        let foo = 1 // @ref
 
         return {
-            foo1,
-            foo2: (foo2),
+            foo,
         }
     }
 }
@@ -144,12 +152,10 @@ import { ref } from 'vue'
 
 export default {
     setup() {
-        const foo1 = ref(1)
-        const foo2 = ref(2)
+        const foo = ref(1)
 
         return {
-            foo1,
-            foo2: foo2,
+            foo,
         }
     }
 }
@@ -164,7 +170,7 @@ export default {
 ```html
 <script lang="ts" noref>
 let foo: number | string = 1 // @ref
-const bar: string = foo; // @computed
+const bar: string = foo // @computed
 </script>
 ```
 
@@ -194,7 +200,7 @@ let bar = 2 // @ref
 const baz = (() => {
     return foo + bar
 })()
-console.log(baz);
+console.log(baz)
 </script>
 ```
 
@@ -210,7 +216,7 @@ const bar = ref(2)
 const baz = computed(() => {
     return foo.value + bar.value
 })
-console.log(baz.value);
+console.log(baz.value)
 </script>
 ```
 </details>
diff --git a/active-rfcs/0000-sfc-script-no-ref.zh.md b/active-rfcs/0000-sfc-script-no-ref.zh.md
index d41327dd..e3a21a9b 100644
--- a/active-rfcs/0000-sfc-script-no-ref.zh.md
+++ b/active-rfcs/0000-sfc-script-no-ref.zh.md
@@ -91,15 +91,21 @@ export const baz = computed(() => foo.value + bar)
 
 ## Don't transform
 
-某些情況下需要使用取得ref物件本身而非`.value`，例如在setup() return的時候。
+> 為了減少魔法，已經移除抵銷轉換的`()`特性
 
-這種情況可以以小括號`()`包裏`no-ref`物件，編譯器會移除`no-ref`物件外的`()`，並抵削一次轉換操作。
+如果需要引用ref物件，仍然可以在`no-ref` script中使用Composition API。
 
 ```html
-<script noref>
+<script lang="ts" noref>
+import { ref } 'vue'
+
 let foo = 1 // @ref
-let bar = foo
-let baz = (foo)
+let bar = ref(2)
+
+// baz(foo) // type error
+baz(bar) // ok
+
+function baz(val: Ref<number>) { ... }
 </script>
 ```
 
@@ -107,28 +113,30 @@ let baz = (foo)
 <summary>編譯結果</summary>
 
 ```html
-<script>
-import { ref } from 'vue'
+<script lang="ts">
+import { ref } 'vue'
 
-const foo = ref(1)
-let bar = foo.value
-let baz = foo
+let foo = ref(1)
+let bar = ref(2)
+
+// baz(foo.value) // type error
+baz(bar) // ok
+
+function baz(val: Ref<number>) { ... }
 </script>
 ```
 </details>
 
-對於屬性缺省的情況編譯器不會進行轉換，因此setup()可以使用屬性缺省或`()`兩種方式return ref物件。
+對於屬性缺省編譯器不會進行轉換，因此setup()可以使用原本的方式return ref物件。
 
 ```html
 <script noref>
 export default {
     setup() {
-        let foo1 = 1 // @ref
-        let foo2 = 2 // @ref
+        let foo = 1 // @ref
 
         return {
-            foo1,
-            foo2: (foo2),
+            foo,
         }
     }
 }
@@ -144,12 +152,10 @@ import { ref } from 'vue'
 
 export default {
     setup() {
-        const foo1 = ref(1)
-        const foo2 = ref(2)
+        const foo = ref(1)
 
         return {
-            foo1,
-            foo2: foo2,
+            foo,
         }
     }
 }
@@ -164,7 +170,7 @@ export default {
 ```html
 <script lang="ts" noref>
 let foo: number | string = 1 // @ref
-const bar: string = foo; // @computed
+const bar: string = foo // @computed
 </script>
 ```
 
@@ -194,7 +200,7 @@ let bar = 2 // @ref
 const baz = (() => {
     return foo + bar
 })()
-console.log(baz);
+console.log(baz)
 </script>
 ```
 
@@ -210,7 +216,7 @@ const bar = ref(2)
 const baz = computed(() => {
     return foo.value + bar.value
 })
-console.log(baz.value);
+console.log(baz.value)
 </script>
 ```
 </details>