https://github.com/kpoptrashblaenk/portoflio
This is my Portfolio written in Vue.ts.
https://github.com/kpoptrashblaenk/portoflio
personal-project portoflio vuets web-development
Last synced: 2 months ago
JSON representation
This is my Portfolio written in Vue.ts.
- Host: GitHub
- URL: https://github.com/kpoptrashblaenk/portoflio
- Owner: kpoptrashBlaenk
- Created: 2024-07-23T07:15:53.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-11-19T16:13:17.000Z (6 months ago)
- Last Synced: 2024-11-19T16:20:36.120Z (6 months ago)
- Topics: personal-project, portoflio, vuets, web-development
- Language: Vue
- Homepage: https://aldinmusicportfolio.onrender.com/
- Size: 2.82 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
CTRL-K, V TO OPEN PREVIEW
After following normal tutorial from my vue repo:
```bash
npm install vue-router
mkdir "src/router"
```
create src/router/index.ts (change repo-name)
```typescript
import { createRouter, createWebHistory } from "vue-router"
import HomePage from "../pages/HomePage.vue"
const routes = [{ path: "/repo-name/", name: "Home", component: HomePage }]
const router = createRouter({
history: createWebHistory(),
routes,
})
export default router
```
choose routes inside routes[] constant
Place pages in here:
```bash
mkdir "src/pages"
```
main.ts:
```typescript
import { createApp } from "vue"
import App from "./App.vue"
import router from "./router"
import "./style.css"
const app = createApp(App)
app.use(router)
app.mount("#app")
```
App.vue:
```vue
export default {
name: "App",
components: {},
}
```
HomePage.vue:
```vue
Home Page
Welcome to my portfolio!
defineOptions({
name: "HomePage",
})
```
Install .env:
```bash
npm install dotenv
```
Create .env in root