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({ |
const router = createRouter({ |
||||
history: createWebHistory(import.meta.env.BASE_URL), |
history: createWebHistory(import.meta.env.BASE_URL), |
||||
routes: [ |
routes: [ |
||||
{ |
{ |
||||
path: '/', |
|
||||
name: 'home', |
|
||||
component: HomeView |
|
||||
|
path: "/", |
||||
|
name: "home", |
||||
|
component: HomeView, |
||||
}, |
}, |
||||
{ |
{ |
||||
path: '/about', |
|
||||
name: 'about', |
|
||||
|
path: "/about", |
||||
|
name: "about", |
||||
// route level code-splitting
|
// route level code-splitting
|
||||
// this generates a separate chunk (About.[hash].js) for this route
|
// this generates a separate chunk (About.[hash].js) for this route
|
||||
// which is lazy-loaded when the route is visited.
|
// 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