birajmainali/crypted-vue-route

Crypted Vue Route is a library to encrypt and decrypt your routes in Vue 3

Crypted Vue Route

This template should help get you started developing with Vue 3 in Vite.

Dependencies

• Vue : This library is directly depended on Vue3

Installation

npm

npm i crypted-vue-route

yarn

yarn add crypted-vue-route

[https://www.npmjs.com/package/crypted-vue-route]

It is important to set up your project with Vue Router because this library externalizes the routing functionality, providing flexibility to customize and add your own version of routes

Basic Usage

<script setup>
    import {useCryptedRoute} from "crypted-vue-route";
    const {setRouteData, getRouteData, route, router, state: filterState} = useCryptedRoute();
    const onSubmit = async () => {
    await setRouteData(filterState.value);
};
</script>

<template>

    <main>
        <input type="search" v-model="filterState.username"/>
        {{ filterState.username }}
        <button @click.prevent="onSubmit">CLick!</button>

</main>
</template>

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

crypted-vue-route's Issues

3 Warning, 1 Error

Can you check if I did the right step by step process

1. npm init vite@latest crypted-vue-route --template vue
2. cd .\crypted-vue-route\
3. npm i crypted-vue-route
4. Then I've copied the code from the markdown
5. npm run dev

handle development environment

1. route should be only be encrypted when the environment is development