User import { ref, computed } from 'vue' import { defineStore } from 'pinia' export const useCounterStore = defineStore('counter', () => { const count = ref(0) const doubleCount = computed(() => count.value * 2) function increment() { count.value++ } return { count, doubleCount, increment } }) explain above code Assistant The code you provided defines […]
User How set session in vue when logged in Assistant In Vue.js, you can store session data when a user logs in using different methods depending on your setup. Since you are using **Laravel, Vue 3, and Inertia.js**, here are the best ways to handle session storage: ### 1️⃣ **Using Local Storage (Recommended for Persistence)** […]
User // stores/auth.ts import { defineStore } from 'pinia'; import { useRouter } from 'vue-router'; const router = useRouter(); interface User { id: number; name: string; email: string; } export const useAuthStore = defineStore('auth', { state: () => ({ user: localStorage.getItem('user') ? (JSON.parse(localStorage.getItem('user')!) as User) : null, token: localStorage.getItem('token') || null, }), getters: { isAuthenticated: […]
User <script> import { ref,shallowRef,inject } from "vue"; import { useForm, useField } from 'vee-validate' import SingleColumn from '@/layouts/SingleColumn.vue'; const apiUrl = inject('apiUrl'); console.log(apiUrl); const step = ref(1); const items = [ 'Sign Up', 'Otp', 'Login', ] const otp = shallowRef('') const { handleSubmit, handleReset, values } = useForm({ validationSchema: { name (value) { if […]
User How to register api using santctum in laravel 11 when not api.php file provided Assistant In Laravel 11, the `api.php` file is no longer provided by default. However, you can still register API routes for Sanctum by defining them inside the `routes/web.php` file or by creating a separate file for API routes. ### **Steps […]
User define global variables in vue 3 like api url Assistant In Vue 3, you can define global variables like an API URL using several approaches. Here are the most common methods: — ### **1. Using `app.config.globalProperties` (Recommended for Vue Apps)** import { createApp } from 'vue'; import App from './App.vue'; const app = createApp(App); […]
User Starting syt… Container ddev-ssh-agent Recreate Container ddev-ssh-agent Recreated Container ddev-ssh-agent Started ssh-agent container is running: If you want to add authentication to the ssh-agent container, run 'ddev auth ssh' to enable your keys. Building project images…… Project images built in 4s. Container ddev-syt-adminer Stopped Container ddev-syt-db Recreate Container ddev-syt-db Recreated Container ddev-syt-adminer Created Container […]
User <script> import { ref,shallowRef } from "vue"; import { useForm, useField } from 'vee-validate' import IconLoading from '../components/icons/IconLoading.vue'; import SingleColumn from '../layouts/SingleColumn.vue'; const otp = shallowRef('') const { handleSubmit, handleReset, values } = useForm({ validationSchema: { name (value) { if (value?.length >= 2) return true return 'Name needs to be at least 2 characters.' […]
User <script> import { ref } from "vue"; import { useForm, useField } from 'vee-validate' import IconLoading from '../components/icons/IconLoading.vue'; import SingleColumn from '../layouts/SingleColumn.vue'; const { handleSubmit, handleReset } = useForm({ validationSchema: { name (value) { if (value?.length >= 2) return true return 'Name needs to be at least 2 characters.' }, email (value) { if […]
User <script> import { ref } from "vue"; import { useForm, useField } from 'vee-validate' import IconLoading from '../components/icons/IconLoading.vue'; import SingleColumn from '../layouts/SingleColumn.vue'; const { handleSubmit, handleReset } = useForm({ validationSchema: { name (value) { if (value?.length >= 2) return true return 'Name needs to be at least 2 characters.' }, email (value) { if […]