In this project, I created a cookie component using the vue3 composition api.

Overview

Vue-Cookie-Component

🛠️ Built With

🖋️ About

In this project, I created a cookie component using the vue3 composition api. I have given the relevant information about the use of components below.

🎆 Project Screenshots

🛠 Tech Stack

Usage

import { ref } from "vue";
import Cookie from "./components/Cookie/Cookie.vue";
const cookieData = ref({
		title: "Default Title",
		description: "Description Here ",
		rejectActive: true,
		privacyPolicy : "Privacy Policy Here"
		cookieSettings : [
			{
				title : "Cookie Settings",
				description : "Cookie Settings Description",
				isActive : false,
			},
		],
	});
<template>
	<div>
		<Cookie :cookieData="cookieData" ></Cookie>
	</div>
</template>
Prop Type Default
title String 'Default Title '
description String 'Lorem ipsum dolor sit amet consectetur adipisicing elit.'
rejectActive Boolean true
privacyPolicy String 'Lorem ipsum dolor sit amet consectetur adipisicing elit.'
cookieSettings Object title : "Default Title" , description = "Default Description" , isActive=false

Project Video

bandicam-2022-10-17-14-12-08-137

Support

If you like the application, do not forget to give a star 😊

You might also like...
vue3-vite-ts-elementplus

Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 script setu

vue3+vite+javaScript

Vue 3 + Vite This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 script setup SFCs, check out the scrip

vue3 + vite + ts + axios + elementui-plus + mock + pinia

Vue 3 + TypeScript + Vite This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 script setu

My personal website. Base on Vite 2.0 and Vue 3.0. If you want to know how to use Vite to develop a project, you can refer to this repository.
My personal website. Base on Vite 2.0 and Vue 3.0. If you want to know how to use Vite to develop a project, you can refer to this repository.

chengpeiquan.com My personal website. Base on Vite 2.0 and Vue 3.0. You can see Rewrite in vite to learn more. Architecture License MIT License © 2021

A Vue.js template with built-in Vite, Sass, TypeScript, PostCSS, and Tailwind CSS to help you start your project!

Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 script setu

A starter template for using vue-next with the latest electron.

Overview This repository contains the starter template for using vue-next with the latest electron. I started to learn electron & vue by the great pro

Very low cost dynamic themes in vite and Ant Design Vue. About using @zougt/vite-plugin-theme-preprocessor.
Very low cost dynamic themes in vite and Ant Design Vue. About using @zougt/vite-plugin-theme-preprocessor.

Vite + ant-design-vue about dynamic themes demo https://gitofzgt.github.io/vite-dynamictheme-antd-vue-demo/ Using the plugin @zougt/vite-plugin-theme-

Crestron CH5 using Vitesse/ Vite template
Crestron CH5 using Vitesse/ Vite template

Mocking up web app with Vitesse(speed) Live Demo Features ⚡️ Vue 3, Vite 2, pnpm, ESBuild - born with fastness 🗂 File based routing 📦 Components aut

A quiz app using Vue JS(vue-3)
A quiz app using Vue JS(vue-3)

easy-quiz-app-with-vue-js A quiz app using Vue JS(vue-3) ✍️ A Vue.js project # Project Clone clone the repository # install dependencies npm install

Owner
Emircan DEMİR
Frontend Developer
Emircan DEMİR
Beautiful gmail redesign created with vue and tailwindcss 🎈

gmail-clone Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Cus

Josué Ayala 39 Oct 29, 2022
⚡️Starter template with Vite2 Vue3 and Electron 11.x /使用 Vite2 Vue3 以及 Electron 11.x 打造的快速启动模版。

vite-electron-quick ?? A fast Simple Vite2 Vue3 and Electron 11.x template. ⚡️ If you want to fast create a Vite 2 + Vue 3 + Electron 11.x project: ??

qicoo 150 Nov 1, 2022
✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

VUE VBEN ADMIN2.0 Chinese | English CHANGELOG Introduction GitHub Thin Preview Documentation Preinstallation Environmental requirements UI framework I

Vben 14.9k Nov 21, 2022
TodoApp: a task management application. Consume the JSONPlaceholder API

ToDo App TodoApp es aplicativo de gestión de tareas. Consume la API de JSONPlace

Daniel Ponce 3 Jan 18, 2022
A boilerplate for Vue 3, Vite, Pinia, and Options API

Vue 3 + Vite + Pinia + Options API This template should help get you started developing with Vue 3 and Pinia using Vite. Running locally Download/Fork

The Jared Wilcurt 2 Oct 21, 2022
Resume generation template - Power by Vue3 + Vite + tailwindcss

简历生成模板 Vue3 + Vite + tailwindcss 功能 Web 端显示简历 打印成 PDF 通过 JSON 配置简历内容 使用方法 点击页面右上角的修改数据按钮,会弹出用于修改数据的文本框。 根据以下示例数据修改后点击弹出框的保存。

null 4 Aug 17, 2021
An Example SSR App for Vue3 with Vite-SSR

Vue 3 + Vite-SSR Example App SSR To start dev server run npm run dev or yarn/pnpm dev To build app run npm run build or yarn/pnpm build To start produ

Kadir Yazıcı 35 Nov 9, 2022
Vite Vant Template 是一个免费开源的移动端模版。使用了最新的`vue3`,`vite2`等主流技术开发,开箱即用的移动端解决方案

简介 Vite Vant Template 是一个免费开源的移动端模版。使用了最新的vue3,vite2等主流技术开发,开箱即用的移动端解决方案,也可用于学习参考。 特性 最新技术栈:使用 Vue3/vite2 等前端前沿技术开发 Mock 数据 内置 Mock 数据方案 预览 没有梯子的可移步码云

null 21 Nov 21, 2022
Builder Form with Vue3+VeeValidate

Form Builder with Vite+Vue3+VeeValidate VeeBuilder is form builder for Vue3 with VeeValidate that makes form development a breeze. Download ^^ $ git c

Alaa Aqeel 1 Dec 1, 2021
Vite + vue3 +ts

Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 <script setu

LYS 1 May 15, 2022