30 |
43 |
44 |
68 |
--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | import { createApp } from "vue";
2 | import App from "./App.vue";
3 | import ViewerPlugin from "./ViewerPlugin";
4 |
5 | // createApp(App).mount("#app");
6 | const app = createApp(App);
7 | // app.use(ViewerPlugin, { img: "https://picsum.photos/1000/1000" });
8 | app.use(ViewerPlugin);
9 | app.mount("#app");
10 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@vue/tsconfig/tsconfig.web.json",
3 | "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
4 | "compilerOptions": {
5 | "strictNullChecks": false,
6 | "baseUrl": ".",
7 | "paths": {
8 | "@/*": ["./src/*"]
9 | }
10 | },
11 |
12 | "references": [
13 | {
14 | "path": "./tsconfig.vite-config.json"
15 | }
16 | ]
17 | }
18 |
--------------------------------------------------------------------------------
/tsconfig.vite-config.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@vue/tsconfig/tsconfig.node.json",
3 | "include": ["vite.config.*"],
4 | "compilerOptions": {
5 | "composite": true,
6 | "types": ["node", "vitest"]
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { fileURLToPath, URL } from "url";
2 |
3 | import { defineConfig } from "vite";
4 |
5 | import vue from "@vitejs/plugin-vue";
6 | import typescript2 from "rollup-plugin-typescript2";
7 |
8 | // https://vitejs.dev/config/
9 | export default defineConfig({
10 | plugins: [
11 | vue(),
12 | typescript2({
13 | check: false,
14 | include: ["src/components/*.vue"],
15 | tsconfigOverride: {
16 | compilerOptions: {
17 | sourceMap: true,
18 | declaration: true,
19 | declarationMap: true,
20 | },
21 | exclude: ["vite.config.ts", "main.ts"],
22 | },
23 | }),
24 | ],
25 | resolve: {
26 | alias: {
27 | "@": fileURLToPath(new URL("./src", import.meta.url)),
28 | },
29 | },
30 | build: {
31 | cssCodeSplit: false,
32 | lib: {
33 | entry: "./src/ViewerPlugin.ts",
34 | formats: ["es", "cjs"],
35 | name: "ViwerPlugin",
36 | fileName: (format) => (format === "es" ? "index.js" : "index.cjs"),
37 | },
38 | rollupOptions: {
39 | external: ["vue"],
40 | output: {
41 | globals: {
42 | vue: "Vue",
43 | },
44 | },
45 | },
46 | },
47 | });
48 |
--------------------------------------------------------------------------------
File Uploader
31 | 38 |
39 | ![]()
40 |
41 | img source:{{ imgSRC }}
42 |