From 116e2c3b3226630627f051eb30a0b64088594331 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel=20V=C3=A1zquez=20Vera?=
 <vazquezvera.ma@gmail.com>
Date: Fri, 28 Aug 2020 16:31:01 +0200
Subject: [PATCH] solved typescript problem in vetur with $style

---
 00_start/src/pages/recipe/list/components/Row.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/00_start/src/pages/recipe/list/components/Row.vue b/00_start/src/pages/recipe/list/components/Row.vue
index ff06a45..7c3ef37 100644
--- a/00_start/src/pages/recipe/list/components/Row.vue
+++ b/00_start/src/pages/recipe/list/components/Row.vue
@@ -15,11 +15,19 @@
 </template>
 
 <script lang="ts">
-import Vue, { PropOptions } from "vue";
+import Vue, { PropOptions, VueConstructor } from "vue";
 import { baseRoutes } from "../../../../router";
 import { Recipe } from "../viewModel";
 
-export default Vue.extend({
+interface Refs {
+  $style: {
+    name: string;
+    description: string;
+    editButton: string;
+  };
+}
+
+export default (Vue as VueConstructor<Vue & Refs>)({
   name: "RowComponent",
   props: {
     recipe: { required: true } as PropOptions<Recipe>,
@@ -27,7 +35,7 @@ export default Vue.extend({
   computed: {
     routeEdit(): string {
       return `${baseRoutes.recipe}/${this.recipe.id}`;
-    }
+    },
   },
 });
 </script>