andwati/personal-website
1
0
Fork 0
mirror of https://github.com/andwati/personal-website.git synced 2026-11-15 15:25:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Rearchitect personal website with new pages, blog functionality using Nuxt UI and Nuxt Content.

Browse Source
This commit is contained in:
andwati
2026-02-13 21:48:43 +03:00
parent f5b2f7a867
commit d45b2793f1
19 changed files with 746 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/Alert.vue
-32
View File
@@ -1,32 +0,0 @@
<template>
<div class="alert" :style="{ 'border-color': color }">
<slot></slot>
</div>
</template>
<script setup lang="ts">
const { color } = defineProps({
color: {
type: String,
default: "orange",
},
});
</script>
<style scoped>
.alert {
display: flex;
align-items: center;
padding: 1rem;
border: 2px solid;
border-radius: 0.5rem;
background-color: #fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.alert:hover {
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}
</style>
app/components/Counter.vue
-29
View File
@@ -1,29 +0,0 @@
<template>
<div>
<h3>Counter: {{ count }}</h3>
<button @click="increment">
Increment
</button>
<button @click="decrement">
Decrement
</button>
</div>
</template>
<script setup lang="ts">
const count = ref(0);
const increment = () => {
count.value++;
};
const decrement = () => {
count.value--;
};
</script>
<style scoped>
button {
margin: 5px;
}
</style>