-
Notifications
You must be signed in to change notification settings - Fork 0
Recreate website to vue language #2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
|
@copilot Convert the entire site to vue and make some changes in look like make it simpler |
|
@FixeQyt I've opened a new pull request, #3, to work on those changes. Once the pull request is ready, I'll request review from you. |
…wesome (#3) * Initial plan * Update plan: Use Nuxt and Tailwind CSS Co-authored-by: FixeQyt <134298056+FixeQyt@users.noreply.github.com> * Convert site to Nuxt with Tailwind CSS - simpler design Co-authored-by: FixeQyt <134298056+FixeQyt@users.noreply.github.com> * Add Three.js particles, animations, FontAwesome icons, and visual effects Co-authored-by: FixeQyt <134298056+FixeQyt@users.noreply.github.com> * Fix memory leaks in Three.js and animation components Co-authored-by: FixeQyt <134298056+FixeQyt@users.noreply.github.com> * Replace floating elements with code symbols, remove skill percentages, add vibecode text, replace Threads with Discord modal Co-authored-by: FixeQyt <134298056+FixeQyt@users.noreply.github.com> * Update vibecode description to clarify AI-assisted coding Co-authored-by: FixeQyt <134298056+FixeQyt@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: FixeQyt <134298056+FixeQyt@users.noreply.github.com>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull request overview
This PR migrates a portfolio website from vanilla JavaScript to Vue 3 with Nuxt 3 framework. The migration modernizes the codebase by adopting component-based architecture, reactive state management, and improved build tooling.
Key Changes
- Complete rewrite using Vue 3 and Nuxt 3 framework with TypeScript support
- Migration from vanilla CSS to Tailwind CSS with custom design tokens
- Replacement of custom Three.js implementation with Vue-integrated ThreeBackground component
- Implementation of Vue composables for data fetching and state management
Reviewed changes
Copilot reviewed 17 out of 53 changed files in this pull request and generated no comments.
Show a summary per file
| File | Description |
|---|---|
nuxt.config.ts |
Nuxt 3 configuration with SSR disabled for static generation |
tailwind.config.js |
Tailwind CSS configuration with custom color scheme |
package.json |
Dependencies including Nuxt 3, Three.js, FontAwesome, and VueUse |
pages/index.vue |
Main page component orchestrating all sections |
components/*.vue |
Vue components for ThreeBackground, Hero, About, Skills, Projects, Header, Footer sections |
composables/usePortfolioData.ts |
Composable for fetching and managing portfolio data |
plugins/fontawesome.ts |
FontAwesome plugin configuration |
public/*.json |
Data files for developer information and projects |
.github/workflows/deploy.yml |
GitHub Actions workflow for automated deployment |
old/* |
Previous vanilla JS implementation moved to old directory |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
No description provided.