├── src ├── Utils │ ├── i18n.js │ ├── Darklight.js │ └── DynamicDataFormats.js ├── Pages │ ├── Home │ │ └── Home.vue │ ├── Repos │ │ └── Repos.vue │ ├── Stars │ │ └── Stars.vue │ ├── Followers │ │ └── Followers.vue │ ├── Packages │ │ └── Packages.vue │ ├── Projects │ │ └── Projects.vue │ └── Followings │ │ └── Followings.vue ├── assets │ └── CSS │ │ ├── base.css │ │ ├── animation.css │ │ ├── fonts.css │ │ └── styles.css ├── router │ └── index.js ├── store │ └── UseFetch.js ├── components │ └── Templates │ │ ├── Icons.vue │ │ ├── Rasmlar.vue │ │ ├── RouterLinks.vue │ │ └── Inputs.vue ├── main.js ├── App.vue └── style.css ├── .vscode └── extensions.json ├── vite.config.js ├── .gitignore ├── package.json ├── README.md ├── index.html └── public └── vite.svg /src/Utils/i18n.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Pages/Home/Home.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Utils/Darklight.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/CSS/base.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/router/index.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/store/UseFetch.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Pages/Repos/Repos.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Pages/Stars/Stars.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/CSS/animation.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/CSS/fonts.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Pages/Followers/Followers.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Pages/Packages/Packages.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Pages/Projects/Projects.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Utils/DynamicDataFormats.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Pages/Followings/Followings.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/Templates/Icons.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/Templates/Rasmlar.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /src/assets/CSS/styles.css: -------------------------------------------------------------------------------- 1 | @import './base.css'; 2 | @import './fonts.css'; 3 | @import "./animation.css" -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vite.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | }) 8 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "github-clone", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.5.13" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^5.2.2", 16 | "vite": "^6.3.1" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 2 | 5 | 19 | 20 | -------------------------------------------------------------------------------- /src/components/Templates/RouterLinks.vue: -------------------------------------------------------------------------------- 1 | 5 | 23 | -------------------------------------------------------------------------------- /src/components/Templates/Inputs.vue: -------------------------------------------------------------------------------- 1 | 5 | 50 | -------------------------------------------------------------------------------- /public/vite.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/style.css: -------------------------------------------------------------------------------- 1 | :root { 2 | font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; 3 | line-height: 1.5; 4 | font-weight: 400; 5 | 6 | color-scheme: light dark; 7 | color: rgba(255, 255, 255, 0.87); 8 | background-color: #242424; 9 | 10 | font-synthesis: none; 11 | text-rendering: optimizeLegibility; 12 | -webkit-font-smoothing: antialiased; 13 | -moz-osx-font-smoothing: grayscale; 14 | } 15 | 16 | a { 17 | font-weight: 500; 18 | color: #646cff; 19 | text-decoration: inherit; 20 | } 21 | a:hover { 22 | color: #535bf2; 23 | } 24 | 25 | body { 26 | margin: 0; 27 | display: flex; 28 | place-items: center; 29 | min-width: 320px; 30 | min-height: 100vh; 31 | } 32 | 33 | h1 { 34 | font-size: 3.2em; 35 | line-height: 1.1; 36 | } 37 | 38 | button { 39 | border-radius: 8px; 40 | border: 1px solid transparent; 41 | padding: 0.6em 1.2em; 42 | font-size: 1em; 43 | font-weight: 500; 44 | font-family: inherit; 45 | background-color: #1a1a1a; 46 | cursor: pointer; 47 | transition: border-color 0.25s; 48 | } 49 | button:hover { 50 | border-color: #646cff; 51 | } 52 | button:focus, 53 | button:focus-visible { 54 | outline: 4px auto -webkit-focus-ring-color; 55 | } 56 | 57 | .card { 58 | padding: 2em; 59 | } 60 | 61 | #app { 62 | max-width: 1280px; 63 | margin: 0 auto; 64 | padding: 2rem; 65 | text-align: center; 66 | } 67 | 68 | @media (prefers-color-scheme: light) { 69 | :root { 70 | color: #213547; 71 | background-color: #ffffff; 72 | } 73 | a:hover { 74 | color: #747bff; 75 | } 76 | button { 77 | background-color: #f9f9f9; 78 | } 79 | } 80 | --------------------------------------------------------------------------------