32 |
51 |
52 |
53 |
69 |
--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | import { createApp } from "vue";
2 | import App from "./App.vue";
3 | // https://router.vuejs.org/installation.html
4 | import router from "./router/index";
5 | // https://pinia.vuejs.org/introduction.html
6 | import { createPinia } from "pinia";
7 | // https://github.com/peterroe/vue-img-lazy-tiny
8 | import vilt from "vue-img-lazy-tiny";
9 |
10 | // https://github.com/UngeUI/ungeui
11 | import UngeUI from "ungeui";
12 | import "ungeui/dist/style.css";
13 | import "@/style/ungeuiShims.css";
14 |
15 | // windicss
16 | // https://cn.windicss.org/guide/
17 | import "windi.css";
18 |
19 | // unocss
20 | // https://github.com/unocss/unocss
21 | // import "uno.css";
22 | import "uno.css";
23 |
24 | createApp(App)
25 | .use(router)
26 | .use(createPinia())
27 | .use(vilt)
28 | .use(UngeUI)
29 | .mount("#app");
30 |
31 | /* Todo:
32 | * make a icon List when add rss source
33 | * ungeui js -> ts
34 | * ungeui message.config -> feat: props.text
35 | */
36 |
--------------------------------------------------------------------------------
/src/router/index.ts:
--------------------------------------------------------------------------------
1 | import { createRouter, createWebHashHistory } from "vue-router";
2 | import Layout from "@/layout/index.vue";
3 | import { useRssSource } from "@/store/rssSource";
4 |
5 | const router = createRouter({
6 | history: createWebHashHistory(),
7 | routes: [
8 | {
9 | path: "/",
10 | component: Layout,
11 | redirect: "/rssReader",
12 | children: [
13 | {
14 | path: "/rssReader",
15 | component: () => import("@/views/RssReader.vue"),
16 | },
17 | ],
18 | },
19 | ],
20 | });
21 |
22 | router.beforeEach(() => {
23 | const store = useRssSource();
24 | store.initState();
25 | });
26 |
27 | export default router;
28 |
--------------------------------------------------------------------------------
/src/shims.d.ts:
--------------------------------------------------------------------------------
1 | declare module "*.vue" {
2 | import { defineComponent } from "vue";
3 | const component: ReturnType
43 |
45 |
46 |
50 |
62 |
141 |
142 |
143 |
174 |
175 |
182 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "baseUrl": ".",
4 | "outDir": "dist",
5 | "sourceMap": false,
6 | "target": "es6",
7 | "module": "esnext",
8 | "moduleResolution": "node",
9 | "allowJs": true,
10 | "noUnusedLocals": true,
11 | "strictNullChecks": true,
12 | "noImplicitAny": false,
13 | "noImplicitThis": true,
14 | "experimentalDecorators": true,
15 | "resolveJsonModule": true,
16 | "esModuleInterop": true,
17 | "removeComments": false,
18 | "declaration": true,
19 | "isolatedModules": true,
20 | "declarationDir": "dist",
21 | "skipLibCheck": true,
22 | "jsx": "preserve",
23 | "lib": ["esnext", "dom"],
24 | "rootDir": ".",
25 | "paths": {
26 | "@/*": ["src/*"]
27 | }
28 | },
29 | "include": ["src"],
30 | "exclude": ["node_modules", "dist"]
31 | }
32 |
--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | const { defineConfig } = require("@vue/cli-service");
2 | const { presetAttributify, presetUno, presetIcons } = require("unocss");
3 |
4 | module.exports = defineConfig({
5 | transpileDependencies: true,
6 | chainWebpack: (config) => {
7 | config.resolve.extensions.add(".ts");
8 | },
9 | configureWebpack: {
10 | resolve: {
11 | fallback: {
12 | http: false,
13 | https: false,
14 | url: false,
15 | timers: false,
16 | },
17 | },
18 | plugins: [
19 | require("unplugin-icons/webpack")({
20 | autoInstall: true,
21 | }),
22 | require("@unocss/webpack").default({
23 | theme: {
24 | fontFamily: {
25 | sans: '"Inter", Inter var,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji',
26 | },
27 | },
28 | presets: [
29 | presetIcons({
30 | extraProperties: {
31 | display: "inline-block",
32 | height: "1.2em",
33 | width: "1.2em",
34 | "vertical-align": "text-bottom",
35 | },
36 | }),
37 | presetAttributify(),
38 | presetUno(),
39 | ],
40 | }),
41 | ],
42 | },
43 | lintOnSave: false,
44 | pluginOptions: {
45 | windicss: {
46 | // see https://github.com/windicss/vite-plugin-windicss/blob/main/packages/plugin-utils/src/options.ts
47 | },
48 | },
49 | });
50 |
--------------------------------------------------------------------------------
/windi.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "windicss/helpers";
2 |
3 | export default defineConfig({
4 | darkMode: "class",
5 | // https://windicss.org/posts/v30.html#attributify-mode
6 | attributify: true,
7 | theme: {},
8 | });
9 |
--------------------------------------------------------------------------------
76 |
83 |
77 |
78 |
79 | 80 | {{ mainIdea.description }} 81 |
82 |
92 |
93 | Get Started
94 |
95 |
96 |
97 |
140 |
113 |
139 |
114 | ![]()
120 |
121 |
122 |
138 |
123 | {{ it.title }}
124 |
125 |
126 |
137 |
127 |
128 |
129 |
133 |
130 | {{ it.author || "Unknown" }}
131 |
132 |
134 | {{ dayjs(it.pubDate).format("YYYY-MM-DD") }}
135 |
136 |