diff --git a/section-code/src/components/UserDetail.vue b/section-code/src/components/UserDetail.vue
index 7f2a2c3..405941a 100644
--- a/section-code/src/components/UserDetail.vue
+++ b/section-code/src/components/UserDetail.vue
@@ -2,13 +2,18 @@
     <div class="component">
         <h3>You may view the User Details here</h3>
         <p>Many Details</p>
-        <p>User Name: {{ name }}</p>
+        <p>User Name: {{ switchName() }}</p>
     </div>
 </template>
 
 <script>
     export default {
-        props: ['name']
+        props: ['name'],
+        methods: {
+            switchName(){
+                return this.name.split("").reverse().join("");
+            }
+        }
     }
 </script>