Skip to content

Refactor to Vue 3 + TypeScript with modular components and scoped styles #21

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.

Sign up for GitHub

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

Draft
Copilot wants to merge 5 commits into
base: main
Choose a base branch
from
Draft

Refactor to Vue 3 + TypeScript with modular components and scoped styles #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
44a9f88
Initial plan
Copilot Feb 3, 2026
907baad
Refactor CodePaste to Vue 3 + TypeScript with modular components and …
Copilot Feb 3, 2026
4b6d44f
Fix code review issues and update gitignore
Copilot Feb 3, 2026
ec29fea
Fix CSS styles to match original design - use original CSS files
Copilot Feb 3, 2026
faabf4d
Refactor CSS into Vue components - remove original CSS files
Copilot Feb 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,10 @@ dist/
config.json
deploy.bat
.env

# TypeScript build info
*.tsbuildinfo

# Vite generated files
vite.config.js
vite.config.d.ts
34 changes: 34 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Online code highlighter for Microsoft Word and PowerPoint. Create beautifully highlighted code snippets with ease." />
<meta name="keywords" content="code highlighter, syntax highlighting, Microsoft Office, Word, PowerPoint, code paste" />
<meta name="author" content="Tony's Studio" />

<title>Code Paste | Syntax Highlight for Office</title>

<link rel="icon" type="image/png" href="/favicon.png" />

<!-- Prism theme (will be dynamically updated) -->
<link id="theme" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism.min.css" />

<!-- Dark mode stylesheet (empty by default) -->
<link id="mode-css" rel="stylesheet" href="" />

<!--
Font Awesome Kit - Replace YOURKIT with your own Font Awesome kit ID.
Get your kit at: https://fontawesome.com/kits
-->
<script src="https://kit.fontawesome.com/YOURKIT.js" crossorigin="anonymous"></script>

<!-- Prism plugins CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.css" />
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
Loading
Loading