16 changed files with 1074 additions and 58 deletions
-
2index.html
-
859package-lock.json
-
3package.json
-
6postcss.config.js
-
1src/App.vue
-
4src/assets/main.css
-
25src/components/OpenedMessage.vue
-
66src/components/TheWelcome.vue
-
4src/components/WelcomeItem.vue
-
7src/components/icons/IconCommunity.vue
-
7src/components/icons/IconDocumentation.vue
-
7src/components/icons/IconEcosystem.vue
-
7src/components/icons/IconSupport.vue
-
24src/router/index.ts
-
101src/views/AboutView.vue
-
9tailwind.config.js
859
package-lock.json
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,6 @@ |
|||
module.exports = { |
|||
plugins: { |
|||
tailwindcss: {}, |
|||
autoprefixer: {}, |
|||
}, |
|||
} |
|||
@ -0,0 +1,25 @@ |
|||
<template> |
|||
<div class="flex items-start rounded-xl bg-white p-4 shadow-lg"> |
|||
<div |
|||
class="flex h-12 w-12 items-center justify-center rounded-full border border-blue-100 bg-blue-50" |
|||
> |
|||
<IconCommunity /> |
|||
</div> |
|||
|
|||
<div class="ml-4"> |
|||
<h2 class="font-semibold dark:text-black">{{ messageCount }} Messages</h2> |
|||
<p class="mt-2 text-sm text-gray-500">Last opened {{ days }} days ago</p> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import IconCommunity from "./icons/IconCommunity.vue"; |
|||
export default { |
|||
props: { |
|||
messageCount: Number, |
|||
days: Number, |
|||
}, |
|||
components: { IconCommunity }, |
|||
}; |
|||
</script> |
|||
@ -1,23 +1,23 @@ |
|||
import { createRouter, createWebHistory } from 'vue-router' |
|||
import HomeView from '../views/HomeView.vue' |
|||
import { createRouter, createWebHistory } from "vue-router"; |
|||
import HomeView from "../views/HomeView.vue"; |
|||
|
|||
const router = createRouter({ |
|||
history: createWebHistory(import.meta.env.BASE_URL), |
|||
routes: [ |
|||
{ |
|||
path: '/', |
|||
name: 'home', |
|||
component: HomeView |
|||
path: "/", |
|||
name: "home", |
|||
component: HomeView, |
|||
}, |
|||
{ |
|||
path: '/about', |
|||
name: 'about', |
|||
path: "/about", |
|||
name: "about", |
|||
// route level code-splitting
|
|||
// this generates a separate chunk (About.[hash].js) for this route
|
|||
// which is lazy-loaded when the route is visited.
|
|||
component: () => import('../views/AboutView.vue') |
|||
} |
|||
] |
|||
}) |
|||
component: () => import("../views/AboutView.vue"), |
|||
}, |
|||
], |
|||
}); |
|||
|
|||
export default router |
|||
export default router; |
|||
@ -0,0 +1,9 @@ |
|||
/* eslint-env node */ |
|||
/** @type {import('tailwindcss').Config} */ |
|||
module.exports = { |
|||
content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"], |
|||
theme: { |
|||
extend: {}, |
|||
}, |
|||
plugins: [], |
|||
}; |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue