From 3542bb0927b4dbaf0b474dd6342376312608696d Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Sun, 29 May 2022 09:09:36 -0800
Subject: [PATCH] fix: bad import path (#1313)

* fix bad import

* add eslint rule for incorrect imports
---
 frontend/.eslintrc.js                                 | 2 ++
 frontend/components/Domain/Recipe/RecipePrintView.vue | 3 +--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
index 5fd0345f4..3caa72979 100644
--- a/frontend/.eslintrc.js
+++ b/frontend/.eslintrc.js
@@ -52,6 +52,8 @@ module.exports = {
         "ts-ignore": "allow-with-description",
       },
     ],
+    "no-restricted-imports": ["error", { paths: ["@vue/reactivity", "@vue/runtime-dom", "@vue/composition-api"] }],
+
     // TODO Gradually activate all rules
     "@typescript-eslint/no-unsafe-assignment": "off",
     "@typescript-eslint/no-unsafe-member-access": "off",
diff --git a/frontend/components/Domain/Recipe/RecipePrintView.vue b/frontend/components/Domain/Recipe/RecipePrintView.vue
index 06fbf2359..4a2d4a5bf 100644
--- a/frontend/components/Domain/Recipe/RecipePrintView.vue
+++ b/frontend/components/Domain/Recipe/RecipePrintView.vue
@@ -57,10 +57,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
+import { defineComponent, computed } from "@nuxtjs/composition-api";
 // @ts-ignore vue-markdown has no types
 import VueMarkdown from "@adapttive/vue-markdown";
-import { computed } from "@vue/reactivity";
 import RecipeTimeCard from "~/components/Domain/Recipe/RecipeTimeCard.vue";
 import { Recipe } from "~/types/api-types/recipe";
 import { parseIngredientText } from "~/composables/recipes";