All Frameworks

Vue.js Rules

4 rules available

VUE
91%

Vue 3 Composition API Patterns

Prefer Composition API with script setup for better TypeScript support and reusable logic patterns.

vue3composition-apitypescript
<script setup lang="ts">
import { ref, computed, onMounted, watch } from 'vue';
import { useAuth } from '@/composables/useAuth';
import { useTodos } f...
Feb 14, 2024by Evan You
View Rule
VUE
89%

Vue 3 Pinia State Management

Implement centralized state management with Pinia for Vue 3 applications.

vue3piniastate-management
import { defineStore } from 'pinia';
import { ref, computed } from 'vue';
import type { User, Project } from '@/types';
import { userApi } from '@/api...
Mar 1, 2024by Eduardo San Martin Morote
View Rule
VUE
85%

Vue 3 Routing with Vue Router 4

Implement navigation guards, lazy loading, and advanced routing patterns in Vue 3.

vue3vue-routerrouting
<script setup lang="ts">
import { useRouter, useRoute } from 'vue-router';
import { computed, onMounted } from 'vue';
import { useAuthStore } from '@/...
Feb 5, 2024by Eduardo San Martin Morote
View Rule
VUE
93%

Vue 3 Composables Pattern

Extract and reuse stateful logic with Vue 3 Composables using the Composition API.

vue3composablescomposition-api
import { ref, computed, watch, onMounted, onUnmounted } from 'vue';
import { useLocalStorage } from './useLocalStorage';
import { useFetch } from './u...
Mar 18, 2024by Evan You
View Rule