diff --git a/.inscode b/.inscode
index 70c7853df0c162981ebd7cf119d909c807920531..9fec9576d482baaf90d2f47230ce9133cfce99d4 100644
--- a/.inscode
+++ b/.inscode
@@ -1,4 +1,5 @@
 run = "npm i && npm run dev"
+language = "node"
 
 [deployment]
 build = "npm i && npm run build"
@@ -8,3 +9,6 @@ run = "npm run preview"
 PATH = "/root/${PROJECT_DIR}/.config/npm/node_global/bin:/root/${PROJECT_DIR}/node_modules/.bin:${PATH}"
 XDG_CONFIG_HOME = "/root/.config"
 npm_config_prefix = "/root/${PROJECT_DIR}/.config/npm/node_global"
+
+[debugger]
+program = "main.js"
diff --git a/src/App.vue b/src/App.vue
index 633a5dfe4e547c48bfa93740a290ba5ba370930a..ac12bea99e0804c250f0f2947b4b702dca4bed10 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,6 +4,7 @@ import TheWelcome from './components/TheWelcome.vue'
 </script>
 
 <template>
+  <div id="app"> <vote v-for="(item, index) in list" :key="index" :avatar="item.avatar" :name="item.name"></vote> </div>
   <header>
     <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
 
@@ -16,6 +17,11 @@ import TheWelcome from './components/TheWelcome.vue'
     <TheWelcome />
   </main>
 </template>
+<script>
+import Vote from './components/vote.vue'
+
+export default { name: 'App', components: { Vote }, data() { return { list: [ {avatar: require('./assets/jane.png'), name: 'Jane'}, {avatar: require('./assets/kate.png'), name: 'Kate'}, {avatar: require('./assets/mike.png'), name: 'Mike'}, {avatar: require('./assets/tom.png'), name: 'Tom'} ] } } }
+</script>
 
 <style scoped>
 header {
diff --git a/src/components/vote.vue b/src/components/vote.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4ddcc3eeadc0f66a82adb3fd49890bcc0d76b6b0
--- /dev/null
+++ b/src/components/vote.vue
@@ -0,0 +1,14 @@
+<template>
+    <div class="vote"> <img :src="avatar" :alt="name">
+        <p>{{ name }}</p> <button @click="voteCount++">投票</button>
+        <p>票数：{{ voteCount }}</p>
+    </div>
+</template>
+
+<script>
+export default {
+    props: { avatar: String, name: String }, data() {
+        return { voteCount: 0 }
+    }
+}
+</script>
\ No newline at end of file