ghaem/vue-navbar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding parts to be able to build and deploy the project

Browse Source
This commit is contained in:
ghaem
2025-12-13 16:19:33 +03:30
parent 69cb78ab92
commit aaa623fa3f
10 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -2,9 +2,9 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>vuetest</title>
<title>vue-navbar</title>
</head>
<body>
<div id="app"></div>

2
package.json
View File

@@ -5,7 +5,7 @@
"type": "module",
"scripts": {
"dev": "vite",
"build": "vue-tsc -b && vite build",
"build": "vite build",
"preview": "vite preview"
},
"dependencies": {

1
public/favicon.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200"><rect width="200" height="200" fill="url('#gradient')"></rect><defs><linearGradient id="gradient" gradientTransform="rotate(308 0.5 0.5)"><stop offset="0%" stop-color="#16295f"></stop><stop offset="100%" stop-color="#0a0e27"></stop></linearGradient></defs><g><g fill="#ffffff" transform="matrix(2.1649731776585672,0,0,2.1649731776585672,31.264053831648923,116.0231448202714)" stroke="#82b7ab" stroke-width="0"><path d="M12.71-7.60L12.71-1.76Q11.92-0.88 10.40-0.34Q8.88 0.20 7.06 0.20L7.06 0.20Q4.27 0.20 2.60-1.51Q0.93-3.22 0.81-6.27L0.81-6.27L0.80-7.50Q0.80-9.60 1.54-11.17Q2.29-12.73 3.67-13.58Q5.05-14.42 6.87-14.42L6.87-14.42Q9.52-14.42 10.99-13.21Q12.46-11.99 12.71-9.58L12.71-9.58L9.40-9.58Q9.23-10.77 8.64-11.28Q8.06-11.79 6.98-11.79L6.98-11.79Q5.69-11.79 4.99-10.69Q4.29-9.60 4.28-7.57L4.28-7.57L4.28-6.71Q4.28-4.58 5.00-3.51Q5.73-2.44 7.29-2.44L7.29-2.44Q8.63-2.44 9.29-3.04L9.29-3.04L9.29-5.24L6.90-5.24L6.90-7.60L12.71-7.60ZM17.77-15L17.77-9.43Q18.83-10.76 20.47-10.76L20.47-10.76Q22.22-10.76 23.11-9.73Q23.99-8.69 24.01-6.67L24.01-6.67L24.01 0L20.71 0L20.71-6.59Q20.71-7.43 20.37-7.83Q20.03-8.22 19.21-8.22L19.21-8.22Q18.19-8.22 17.77-7.58L17.77-7.58L17.77 0L14.48 0L14.48-15L17.77-15ZM35.09 0L31.80 0Q31.62-0.32 31.48-0.95L31.48-0.95Q30.58 0.20 28.95 0.20L28.95 0.20Q27.45 0.20 26.41-0.71Q25.36-1.61 25.36-2.98L25.36-2.98Q25.36-4.70 26.63-5.58Q27.90-6.46 30.32-6.46L30.32-6.46L31.34-6.46L31.34-7.01Q31.34-8.47 30.08-8.47L30.08-8.47Q28.91-8.47 28.91-7.31L28.91-7.31L25.62-7.31Q25.62-8.85 26.92-9.80Q28.22-10.76 30.24-10.76Q32.27-10.76 33.44-9.78Q34.61-8.79 34.64-7.07L34.64-7.07L34.64-2.39Q34.66-0.94 35.09-0.17L35.09-0.17L35.09 0ZM29.74-2.15L29.74-2.15Q30.35-2.15 30.76-2.41Q31.16-2.68 31.34-3.01L31.34-3.01L31.34-4.70L30.38-4.70Q28.66-4.70 28.66-3.15L28.66-3.15Q28.66-2.71 28.96-2.43Q29.27-2.15 29.74-2.15ZM41.57 0.20L41.57 0.20Q39.14 0.20 37.64-1.25Q36.13-2.71 36.13-5.03L36.13-5.03L36.13-5.30Q36.13-6.92 36.73-8.16Q37.33-9.40 38.49-10.08Q39.64-10.76 41.22-10.76L41.22-10.76Q43.45-10.76 44.74-9.38Q46.03-8.00 46.03-5.53L46.03-5.53L46.03-4.25L39.48-4.25Q39.66-3.36 40.25-2.85Q40.85-2.34 41.80-2.34L41.80-2.34Q43.36-2.34 44.24-3.44L44.24-3.44L45.74-1.66Q45.13-0.81 44.00-0.31Q42.87 0.20 41.57 0.20ZM41.20-8.22L41.20-8.22Q39.76-8.22 39.48-6.31L39.48-6.31L42.80-6.31L42.80-6.56Q42.82-7.35 42.40-7.79Q41.98-8.22 41.20-8.22ZM47.37-10.57L50.46-10.57L50.57-9.33Q51.69-10.76 53.58-10.76L53.58-10.76Q55.59-10.76 56.29-9.17L56.29-9.17Q57.36-10.76 59.39-10.76L59.39-10.76Q62.61-10.76 62.70-6.88L62.70-6.88L62.70 0L59.39 0L59.39-6.67Q59.39-7.48 59.12-7.85Q58.85-8.22 58.13-8.22L58.13-8.22Q57.15-8.22 56.67-7.35L56.67-7.35L56.68-7.22L56.68 0L53.38 0L53.38-6.65Q53.38-7.48 53.12-7.85Q52.85-8.22 52.11-8.22L52.11-8.22Q51.16-8.22 50.66-7.35L50.66-7.35L50.66 0L47.37 0L47.37-10.57Z"></path></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

1
public/vite.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

1
src/assets/favicon.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200"><rect width="200" height="200" fill="url('#gradient')"></rect><defs><linearGradient id="gradient" gradientTransform="rotate(308 0.5 0.5)"><stop offset="0%" stop-color="#16295f"></stop><stop offset="100%" stop-color="#0a0e27"></stop></linearGradient></defs><g><g fill="#ffffff" transform="matrix(2.1649731776585672,0,0,2.1649731776585672,31.264053831648923,116.0231448202714)" stroke="#82b7ab" stroke-width="0"><path d="M12.71-7.60L12.71-1.76Q11.92-0.88 10.40-0.34Q8.88 0.20 7.06 0.20L7.06 0.20Q4.27 0.20 2.60-1.51Q0.93-3.22 0.81-6.27L0.81-6.27L0.80-7.50Q0.80-9.60 1.54-11.17Q2.29-12.73 3.67-13.58Q5.05-14.42 6.87-14.42L6.87-14.42Q9.52-14.42 10.99-13.21Q12.46-11.99 12.71-9.58L12.71-9.58L9.40-9.58Q9.23-10.77 8.64-11.28Q8.06-11.79 6.98-11.79L6.98-11.79Q5.69-11.79 4.99-10.69Q4.29-9.60 4.28-7.57L4.28-7.57L4.28-6.71Q4.28-4.58 5.00-3.51Q5.73-2.44 7.29-2.44L7.29-2.44Q8.63-2.44 9.29-3.04L9.29-3.04L9.29-5.24L6.90-5.24L6.90-7.60L12.71-7.60ZM17.77-15L17.77-9.43Q18.83-10.76 20.47-10.76L20.47-10.76Q22.22-10.76 23.11-9.73Q23.99-8.69 24.01-6.67L24.01-6.67L24.01 0L20.71 0L20.71-6.59Q20.71-7.43 20.37-7.83Q20.03-8.22 19.21-8.22L19.21-8.22Q18.19-8.22 17.77-7.58L17.77-7.58L17.77 0L14.48 0L14.48-15L17.77-15ZM35.09 0L31.80 0Q31.62-0.32 31.48-0.95L31.48-0.95Q30.58 0.20 28.95 0.20L28.95 0.20Q27.45 0.20 26.41-0.71Q25.36-1.61 25.36-2.98L25.36-2.98Q25.36-4.70 26.63-5.58Q27.90-6.46 30.32-6.46L30.32-6.46L31.34-6.46L31.34-7.01Q31.34-8.47 30.08-8.47L30.08-8.47Q28.91-8.47 28.91-7.31L28.91-7.31L25.62-7.31Q25.62-8.85 26.92-9.80Q28.22-10.76 30.24-10.76Q32.27-10.76 33.44-9.78Q34.61-8.79 34.64-7.07L34.64-7.07L34.64-2.39Q34.66-0.94 35.09-0.17L35.09-0.17L35.09 0ZM29.74-2.15L29.74-2.15Q30.35-2.15 30.76-2.41Q31.16-2.68 31.34-3.01L31.34-3.01L31.34-4.70L30.38-4.70Q28.66-4.70 28.66-3.15L28.66-3.15Q28.66-2.71 28.96-2.43Q29.27-2.15 29.74-2.15ZM41.57 0.20L41.57 0.20Q39.14 0.20 37.64-1.25Q36.13-2.71 36.13-5.03L36.13-5.03L36.13-5.30Q36.13-6.92 36.73-8.16Q37.33-9.40 38.49-10.08Q39.64-10.76 41.22-10.76L41.22-10.76Q43.45-10.76 44.74-9.38Q46.03-8.00 46.03-5.53L46.03-5.53L46.03-4.25L39.48-4.25Q39.66-3.36 40.25-2.85Q40.85-2.34 41.80-2.34L41.80-2.34Q43.36-2.34 44.24-3.44L44.24-3.44L45.74-1.66Q45.13-0.81 44.00-0.31Q42.87 0.20 41.57 0.20ZM41.20-8.22L41.20-8.22Q39.76-8.22 39.48-6.31L39.48-6.31L42.80-6.31L42.80-6.56Q42.82-7.35 42.40-7.79Q41.98-8.22 41.20-8.22ZM47.37-10.57L50.46-10.57L50.57-9.33Q51.69-10.76 53.58-10.76L53.58-10.76Q55.59-10.76 56.29-9.17L56.29-9.17Q57.36-10.76 59.39-10.76L59.39-10.76Q62.61-10.76 62.70-6.88L62.70-6.88L62.70 0L59.39 0L59.39-6.67Q59.39-7.48 59.12-7.85Q58.85-8.22 58.13-8.22L58.13-8.22Q57.15-8.22 56.67-7.35L56.67-7.35L56.68-7.22L56.68 0L53.38 0L53.38-6.65Q53.38-7.48 53.12-7.85Q52.85-8.22 52.11-8.22L52.11-8.22Q51.16-8.22 50.66-7.35L50.66-7.35L50.66 0L47.37 0L47.37-10.57Z"></path></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

1
src/assets/vue.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 496 B

8
src/components/navbar.vue
View File

@@ -6,8 +6,8 @@
>
<div class="flex rounded-md justify-evenly w-full items-start">
<nav class="flex flex-row w-full items-center">
<h1 class="text-2xl mx-2 font-black">Ghaem Ghh</h1>
<div class="flex flex-row justify-center gap-10 w-[60%]">
<h1 class="text-2xl w-[30%] mx-2 font-black">Vue Navbar</h1>
<div class="flex flex-row justify-e gap-10 w-[60%]">
<h1 @mouseenter="ChangeState('Product')" class="nav-list">
Products
</h1>
@@ -19,7 +19,7 @@
</h1>
<h1 @mouseenter="ChangeState('Company')" class="nav-list">Company</h1>
</div>
<div class="flex flex-row w-[30%] justify-center gap-10">
<div class="flex flex-row w-[30%] justify-end gap-10">
<button class="nav-list">Contanct Us</button>
<button class="bg-gray-950 text-amber-50 p-1 px-4 rounded-lg">
Get Started
@@ -95,7 +95,7 @@
</div>
</template>
<script setup>
import pic from "/public/pic.jpg";
import pic from "/pic.jpg";
import { nextTick, ref } from "vue";
const selecteddata = ref("Product");
const hoverd = ref(false);

5
src/main.ts
View File

@@ -1,5 +1,10 @@
import { createApp } from 'vue'
import './style.css'
declare module '*.vue' {
import type { DefineComponent } from 'vue';
const component: DefineComponent<{}, {}, any>;
export default component;
}
import App from './App.vue'
createApp(App).mount('#app')

2
tsconfig.app.json
View File

@@ -12,5 +12,5 @@
"noFallthroughCasesInSwitch": true,
"noUncheckedSideEffectImports": true
},
"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.d.tsx", "src/**/*.vue"]
}

1
vite.config.ts
View File

@@ -7,4 +7,5 @@ export default defineConfig({
vue(),
tailwindcss()
],
base : './'
})