Changed folder structure

src/components/LoginPage.vue

@@ -17,7 +17,6 @@
 <script>
 import data from '@/data';
 
-
 export default {
     name: 'LoginVue',
     props: {

src/components/meals/EditMealPage.vue

@@ -41,11 +41,11 @@
 
 <script>
 import data from '@/data.js'
-import RecipeSearchBox from './RecipeSearchBox.vue';
+import RecipeSearchBox from '@/components/recipes/RecipeSearchBox.vue';
-import RecipeCard from './RecipeCard.vue';
+import RecipeCard from '@/components/recipes/RecipeCard.vue';
 import DatePicker from './DatePicker.vue';
 import IngredientAddBox from './IngredientAddBox.vue';
-import CompactParsedIngredient from './CompactParsedIngredient.vue';
+import CompactParsedIngredient from '@/components/ingredients/CompactParsedIngredient.vue';
 
 export default {
     props: ['id'],

src/components/meals/IngredientAddBox.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import IngredientLine from './IngredientLine.vue';
+import IngredientLine from '@/components/ingredients/IngredientLine.vue';
 import data from '@/data.js'
 
 export default {

src/components/meals/MealPlanPage.vue

@@ -77,8 +77,8 @@ ul.actions {
 </style>
 
 <script>
-import ActionItem from './ActionItem.vue'
+import ActionItem from '@/components/ActionItem.vue'
-import MealCard from './MealCard.vue'
+import MealCard from '@/components/meals/MealCard.vue'
 import data from '@/data.js'
 
 export default {

src/components/recipes/EditRecipePage.vue

@@ -91,7 +91,7 @@ li {
 <script>
 
 import data from '@/data.js'
-import IngredientLine from './IngredientLine.vue'
+import IngredientLine from '@/components/ingredients/IngredientLine.vue'
 
 export default {
     props: {

src/components/recipes/RecipesPage.vue

@@ -5,7 +5,7 @@
     </div>
 </template>
 <script>
-import ActionItem from './ActionItem.vue'
+import ActionItem from '@/components/ActionItem.vue'
 import RecipeSearchBox from './RecipeSearchBox.vue';
 
 export default {

src/main.js

@@ -4,11 +4,11 @@ import { createRouter, createWebHashHistory } from 'vue-router'
 import App from './App.vue'
 
 import LoginPage from './components/LoginPage.vue'
-import RecipesPage from './components/RecipesPage.vue'
+import RecipesPage from './components/recipes/RecipesPage.vue'
-import MealPlanPage from './components/MealPlanPage.vue'
+import MealPlanPage from './components/meals/MealPlanPage.vue'
 import ShoppingPage from './components/ShoppingPage.vue'
-import EditMealPage from './components/EditMealPage.vue'
+import EditMealPage from './components/meals/EditMealPage.vue'
-import EditRecipePage from './components/EditRecipePage.vue'
+import EditRecipePage from './components/recipes/EditRecipePage.vue'
 
 // 2. Define some routes
 // Each route should map to a component.