Vite + Vue Router
Vite অ্যাডাপ্টার Vue Router অ্যাপ্লিকেশনের জন্য সবচেয়ে সরাসরি PageFlow ইন্টিগ্রেশন দেয়।
ইনস্টল করুন
bash
pnpm add -D unplugin-pageflowকনফিগার করুন
ts
// vite.config.ts
import vue from '@vitejs/plugin-vue'
import PageFlow from 'unplugin-pageflow'
import { defineConfig } from 'vite'
export default defineConfig({
plugins: [
vue(),
PageFlow.vite(),
],
})স্বাভাবিকভাবে Vite চালু করে টার্মিনালে দেখানো PageFlow URL খুলুন।
রুট আবিষ্কার
ডেভেলপমেন্ট রানটাইম router.getRoutes() পড়ে। এটি Vue Router লিংক এবং লিটারাল router.push() বা router.replace() লক্ষ্য শনাক্ত করে, তারপর Vite HMR দিয়ে রুট ও লিংকের পরিবর্তন হালনাগাদ করে।
ডায়নামিক রুট
ts
PageFlow.vite({
dynamicParams: {
'/products/:id': { id: 'demo-product' },
},
})পৃষ্ঠার স্টেট
নেটিভ কন্ট্রোল ও স্ক্রল অবস্থান স্বয়ংক্রিয়ভাবে পুনরুদ্ধার করা যায়। অ্যাপ্লিকেশন-নির্দিষ্ট Vue স্টেটের জন্য definePageFlowState ব্যবহার করুন।
সীমাবদ্ধতা
- অ্যাপ্লিকেশন প্রকাশ করার পরই গণিত লক্ষ্য পাওয়া যায়।
- অথেনটিকেশন বর্তমান ব্রাউজার সেশন থেকে আসে।
- প্রিভিউয়ে ইনিশিয়ালাইজেশনের পার্শ্বপ্রতিক্রিয়া চলে।