Merge pull request #39 from john-cheesman/add-capitalize-filter

Add missing capitalize filter to Home.vue
EEParker · Jan 9, 2020 · 1666a8b · 1666a8b
2 parents 0a43bd8 + 25c2f55
commit 1666a8b
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/samples/VueCliSample/ClientApp/src/views/Home.vue b/samples/VueCliSample/ClientApp/src/views/Home.vue
@@ -26,7 +26,15 @@ import { Component, Vue} from 'vue-property-decorator';
 import { IWeatherForecast } from '../models/IWeatherForecast';
 import axios from 'axios';
 
-@Component
+@Component({
+  filters: {
+    capitalize: function(value: string) {
+      if (!value) return ''
+      value = value.toString()
+      return value.charAt(0).toUpperCase() + value.slice(1)
+    }
+  }
+})
 export default class Home extends Vue {
   private forecasts: IWeatherForecast[] = [{ summary: 'No data.' } as IWeatherForecast];
   private forecastCols: any[] = [
@@ -44,4 +52,4 @@ export default class Home extends Vue {
     }
   }
 }
-</script>
+</script>