mirror of
				https://github.com/mealie-recipes/mealie.git
				synced 2025-10-30 17:53:31 -04:00 
			
		
		
		
	Use composition API for more components, enable more type checking (#914)
* Activate more linting rules from eslint and typescript * Properly add VForm as type information * Fix usage of native types * Fix more linting issues * Rename vuetify types file, add VTooltip * Fix some more typing problems * Use composition API for more components * Convert RecipeRating * Convert RecipeNutrition * Convert more components to composition API * Fix globals plugin for type checking * Add missing icon types * Fix vuetify types in Nuxt context * Use composition API for RecipeActionMenu * Convert error.vue to composition API * Convert RecipeContextMenu to composition API * Use more composition API and type checking in recipe/create * Convert AppButtonUpload to composition API * Fix some type checking in RecipeContextMenu * Remove unused components BaseAutoForm and BaseColorPicker * Convert RecipeCategoryTagDialog to composition API * Convert RecipeCardSection to composition API * Convert RecipeCategoryTagSelector to composition API * Properly import vuetify type definitions * Convert BaseButton to composition API * Convert AutoForm to composition API * Remove unused requests API file * Remove static routes from recipe API * Fix more type errors * Convert AppHeader to composition API, fixing some search bar focus problems * Convert RecipeDialogSearch to composition API * Update API types from pydantic models, handle undefined values * Improve more typing problems * Add types to other plugins * Properly type the CRUD API access * Fix typing of static image routes * Fix more typing stuff * Fix some more typing problems * Turn off more rules
This commit is contained in:
		
				
					committed by
					
						 GitHub
						GitHub
					
				
			
			
				
	
			
			
			
						parent
						
							d5ab5ec66f
						
					
				
				
					commit
					86c99b10a2
				
			| @@ -51,13 +51,15 @@ | ||||
|   </v-lazy> | ||||
| </template> | ||||
|  | ||||
| <script> | ||||
| import RecipeFavoriteBadge from "./RecipeFavoriteBadge"; | ||||
| import RecipeChips from "./RecipeChips"; | ||||
| import RecipeContextMenu from "./RecipeContextMenu"; | ||||
| import RecipeCardImage from "./RecipeCardImage"; | ||||
| import RecipeRating from "./RecipeRating"; | ||||
| export default { | ||||
| <script lang="ts"> | ||||
| import { computed, defineComponent, useContext } from "@nuxtjs/composition-api"; | ||||
| import RecipeFavoriteBadge from "./RecipeFavoriteBadge.vue"; | ||||
| import RecipeChips from "./RecipeChips.vue"; | ||||
| import RecipeContextMenu from "./RecipeContextMenu.vue"; | ||||
| import RecipeCardImage from "./RecipeCardImage.vue"; | ||||
| import RecipeRating from "./RecipeRating.vue"; | ||||
|  | ||||
| export default defineComponent({ | ||||
|   components: { RecipeFavoriteBadge, RecipeChips, RecipeContextMenu, RecipeRating, RecipeCardImage }, | ||||
|   props: { | ||||
|     name: { | ||||
| @@ -99,17 +101,17 @@ export default { | ||||
|       default: 200, | ||||
|     }, | ||||
|   }, | ||||
|   data() { | ||||
|   setup() { | ||||
|     const { $auth } = useContext(); | ||||
|     const loggedIn = computed(() => { | ||||
|       return $auth.loggedIn; | ||||
|     }); | ||||
|  | ||||
|     return { | ||||
|       fallBackImage: false, | ||||
|       loggedIn, | ||||
|     }; | ||||
|   }, | ||||
|   computed: { | ||||
|     loggedIn() { | ||||
|       return this.$store.getters.getIsLoggedIn; | ||||
|     }, | ||||
|   }, | ||||
| }; | ||||
| }); | ||||
| </script> | ||||
|  | ||||
| <style> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user