use SFC syntax in basic example

Akryum · web-flow · commit 79c933a4f854 · 2019-06-21T02:16:21.000+02:00
diff --git a/active-rfcs/0000-function-api.md b/active-rfcs/0000-function-api.md
@@ -9,17 +9,11 @@ Expose logic-related component options via function-based APIs instead.
 
 # Basic example
 
-``` js
+``` vue
+<script>
 import { value, computed, watch, onMounted } from 'vue'
 
-const App = {
-  template: `
-    <div>
-      <span>count is {{ count }}</span>
-      <span>plusOne is {{ plusOne }}</span>
-      <button @click="increment">count++</button>
-    </div>
-  `,
+export default {
   setup() {
     // reactive state
     const count = value(0)
@@ -43,6 +37,15 @@ const App = {
     }
   }
 }
+</script>
+
+<template>
+  <div>
+    <span>count is {{ count }}</span>
+    <span>plusOne is {{ plusOne }}</span>
+    <button @click="increment">count++</button>
+  </div>
+</template>
 ```
 
 # Motivation
