1 년 전 · 340418144a
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,30 @@
 
				+# Logs
			
 
				+logs
			
 
				+*.log
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+lerna-debug.log*
			
 
				+
			
 
				+node_modules
			
 
				+.DS_Store
			
 
				+dist
			
 
				+dist-ssr
			
 
				+coverage
			
 
				+*.local
			
 
				+
			
 
				+/cypress/videos/
			
 
				+/cypress/screenshots/
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.vscode/*
			
 
				+!.vscode/extensions.json
			
 
				+.idea
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
 
				+
			
 
				+*.tsbuildinfo
			
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
 
				+{
			
 
				+  "recommendations": ["Vue.volar"]
			
 
				+}
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,33 @@
 
				+# vue3-pdf
			
 
				+
			
 
				+This template should help get you started developing with Vue 3 in Vite.
			
 
				+
			
 
				+## Recommended IDE Setup
			
 
				+
			
 
				+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
			
 
				+
			
 
				+## Type Support for `.vue` Imports in TS
			
 
				+
			
 
				+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
			
 
				+
			
 
				+## Customize configuration
			
 
				+
			
 
				+See [Vite Configuration Reference](https://vitejs.dev/config/).
			
 
				+
			
 
				+## Project Setup
			
 
				+
			
 
				+```sh
			
 
				+pnpm install
			
 
				+```
			
 
				+
			
 
				+### Compile and Hot-Reload for Development
			
 
				+
			
 
				+```sh
			
 
				+pnpm dev
			
 
				+```
			
 
				+
			
 
				+### Type-Check, Compile and Minify for Production
			
 
				+
			
 
				+```sh
			
 
				+pnpm build
			
 
				+```
			
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -0,0 +1,9 @@
 
				+/* eslint-disable */
			
 
				+/* prettier-ignore */
			
 
				+// @ts-nocheck
			
 
				+// noinspection JSUnusedGlobalSymbols
			
 
				+// Generated by unplugin-auto-import
			
 
				+export {}
			
 
				+declare global {
			
 
				+
			
 
				+}
			
--- a/components.d.ts
+++ b/components.d.ts
@@ -0,0 +1,19 @@
 
				+/* eslint-disable */
			
 
				+// @ts-nocheck
			
 
				+// Generated by unplugin-vue-components
			
 
				+// Read more: https://github.com/vuejs/core/pull/3399
			
 
				+export {}
			
 
				+
			
 
				+/* prettier-ignore */
			
 
				+declare module 'vue' {
			
 
				+  export interface GlobalComponents {
			
 
				+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
			
 
				+    ElLink: typeof import('element-plus/es')['ElLink']
			
 
				+    ElPagination: typeof import('element-plus/es')['ElPagination']
			
 
				+    RouterLink: typeof import('vue-router')['RouterLink']
			
 
				+    RouterView: typeof import('vue-router')['RouterView']
			
 
				+  }
			
 
				+  export interface ComponentCustomProperties {
			
 
				+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
			
 
				+  }
			
 
				+}
			
--- a/env.d.ts
+++ b/env.d.ts
@@ -0,0 +1 @@
 
				+/// <reference types="vite/client" />
			
--- a/index.html
+++ b/index.html
@@ -0,0 +1,13 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+  <head>
			
 
				+    <meta charset="UTF-8" />
			
 
				+    <link rel="icon" href="/favicon.ico" />
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
			
 
				+    <title>PDF</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div id="app"></div>
			
 
				+    <script type="module" src="/src/main.ts"></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/package.json
+++ b/package.json
@@ -0,0 +1,31 @@
 
				+{
			
 
				+  "name": "vue3-pdf",
			
 
				+  "version": "0.0.0",
			
 
				+  "private": true,
			
 
				+  "type": "module",
			
 
				+  "scripts": {
			
 
				+    "dev": "vite",
			
 
				+    "build": "run-p type-check \"build-only {@}\" --",
			
 
				+    "preview": "vite preview",
			
 
				+    "build-only": "vite build",
			
 
				+    "type-check": "vue-tsc --build --force"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "pdfh5": "^1.4.9",
			
 
				+    "pinia": "^2.1.7",
			
 
				+    "vue": "^3.4.21",
			
 
				+    "vue-router": "^4.3.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@tsconfig/node20": "^20.1.4",
			
 
				+    "@types/node": "^20.12.5",
			
 
				+    "@vitejs/plugin-vue": "^5.0.4",
			
 
				+    "@vitejs/plugin-vue-jsx": "^3.1.0",
			
 
				+    "@vue/tsconfig": "^0.5.1",
			
 
				+    "npm-run-all2": "^6.1.2",
			
 
				+    "sass": "^1.77.1",
			
 
				+    "typescript": "~5.4.0",
			
 
				+    "vite": "^5.2.8",
			
 
				+    "vue-tsc": "^2.0.11"
			
 
				+  }
			
 
				+}
			
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,32 @@
 
				+<script setup lang="ts">
			
 
				+import { ref, watch } from "vue";
			
 
				+import { useRoute } from "vue-router";
			
 
				+// @ts-ignore
			
 
				+import Pdfh5 from "pdfh5";
			
 
				+import "pdfh5/css/pdfh5.css";
			
 
				+
			
 
				+const route = useRoute();
			
 
				+const pdfh5 = ref();
			
 
				+
			
 
				+watch(route, () => {
			
 
				+  if (!route || !route.query.url) return;
			
 
				+
			
 
				+  pdfh5.value = new Pdfh5("#pdf-view", {
			
 
				+    pdfurl: decodeURIComponent(route.query.url as string),
			
 
				+  });
			
 
				+});
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div id="pdf-view" />
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+#pdf-view {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  align-items: center;
			
 
				+  height: 100vh;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+</style>
			
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -0,0 +1,129 @@
 
				+/* http://meyerweb.com/eric/tools/css/reset/ 
			
 
				+   v2.0 | 20110126
			
 
				+   License: none (public domain)
			
 
				+*/
			
 
				+
			
 
				+html,
			
 
				+body,
			
 
				+div,
			
 
				+span,
			
 
				+applet,
			
 
				+object,
			
 
				+iframe,
			
 
				+h1,
			
 
				+h2,
			
 
				+h3,
			
 
				+h4,
			
 
				+h5,
			
 
				+h6,
			
 
				+p,
			
 
				+blockquote,
			
 
				+pre,
			
 
				+a,
			
 
				+abbr,
			
 
				+acronym,
			
 
				+address,
			
 
				+big,
			
 
				+cite,
			
 
				+code,
			
 
				+del,
			
 
				+dfn,
			
 
				+em,
			
 
				+img,
			
 
				+ins,
			
 
				+kbd,
			
 
				+q,
			
 
				+s,
			
 
				+samp,
			
 
				+small,
			
 
				+strike,
			
 
				+strong,
			
 
				+sub,
			
 
				+sup,
			
 
				+tt,
			
 
				+var,
			
 
				+b,
			
 
				+u,
			
 
				+i,
			
 
				+center,
			
 
				+dl,
			
 
				+dt,
			
 
				+dd,
			
 
				+ol,
			
 
				+ul,
			
 
				+li,
			
 
				+fieldset,
			
 
				+form,
			
 
				+label,
			
 
				+legend,
			
 
				+table,
			
 
				+caption,
			
 
				+tbody,
			
 
				+tfoot,
			
 
				+thead,
			
 
				+tr,
			
 
				+th,
			
 
				+td,
			
 
				+article,
			
 
				+aside,
			
 
				+canvas,
			
 
				+details,
			
 
				+embed,
			
 
				+figure,
			
 
				+figcaption,
			
 
				+footer,
			
 
				+header,
			
 
				+hgroup,
			
 
				+menu,
			
 
				+nav,
			
 
				+output,
			
 
				+ruby,
			
 
				+section,
			
 
				+summary,
			
 
				+time,
			
 
				+mark,
			
 
				+audio,
			
 
				+video {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  border: 0;
			
 
				+  font-size: 100%;
			
 
				+  font: inherit;
			
 
				+  vertical-align: baseline;
			
 
				+}
			
 
				+/* HTML5 display-role reset for older browsers */
			
 
				+article,
			
 
				+aside,
			
 
				+details,
			
 
				+figcaption,
			
 
				+figure,
			
 
				+footer,
			
 
				+header,
			
 
				+hgroup,
			
 
				+menu,
			
 
				+nav,
			
 
				+section {
			
 
				+  display: block;
			
 
				+}
			
 
				+body {
			
 
				+  line-height: 1;
			
 
				+}
			
 
				+ol,
			
 
				+ul {
			
 
				+  list-style: none;
			
 
				+}
			
 
				+blockquote,
			
 
				+q {
			
 
				+  quotes: none;
			
 
				+}
			
 
				+blockquote:before,
			
 
				+blockquote:after,
			
 
				+q:before,
			
 
				+q:after {
			
 
				+  content: "";
			
 
				+  content: none;
			
 
				+}
			
 
				+table {
			
 
				+  border-collapse: collapse;
			
 
				+  border-spacing: 0;
			
 
				+}
			
--- a/src/main.ts
+++ b/src/main.ts
@@ -0,0 +1,14 @@
 
				+import { createApp } from "vue";
			
 
				+import { createPinia } from "pinia";
			
 
				+
			
 
				+import App from "./App.vue";
			
 
				+import router from "./router";
			
 
				+
			
 
				+import "@/assets/base.css";
			
 
				+
			
 
				+const app = createApp(App);
			
 
				+
			
 
				+app.use(createPinia());
			
 
				+app.use(router);
			
 
				+
			
 
				+app.mount("#app");
			
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -0,0 +1,8 @@
 
				+import { createRouter, createWebHistory } from 'vue-router'
			
 
				+
			
 
				+const router = createRouter({
			
 
				+  history: createWebHistory(import.meta.env.BASE_URL),
			
 
				+  routes: []
			
 
				+})
			
 
				+
			
 
				+export default router
			
--- a/src/stores/counter.ts
+++ b/src/stores/counter.ts
@@ -0,0 +1,12 @@
 
				+import { ref, computed } from 'vue'
			
 
				+import { defineStore } from 'pinia'
			
 
				+
			
 
				+export const useCounterStore = defineStore('counter', () => {
			
 
				+  const count = ref(0)
			
 
				+  const doubleCount = computed(() => count.value * 2)
			
 
				+  function increment() {
			
 
				+    count.value++
			
 
				+  }
			
 
				+
			
 
				+  return { count, doubleCount, increment }
			
 
				+})
			
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -0,0 +1,14 @@
 
				+{
			
 
				+  "extends": "@vue/tsconfig/tsconfig.dom.json",
			
 
				+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
			
 
				+  "exclude": ["src/**/__tests__/*"],
			
 
				+  "compilerOptions": {
			
 
				+    "composite": true,
			
 
				+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
			
 
				+
			
 
				+    "baseUrl": ".",
			
 
				+    "paths": {
			
 
				+      "@/*": ["./src/*"]
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -0,0 +1,11 @@
 
				+{
			
 
				+  "files": [],
			
 
				+  "references": [
			
 
				+    {
			
 
				+      "path": "./tsconfig.node.json"
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "./tsconfig.app.json"
			
 
				+    }
			
 
				+  ]
			
 
				+}
			
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -0,0 +1,19 @@
 
				+{
			
 
				+  "extends": "@tsconfig/node20/tsconfig.json",
			
 
				+  "include": [
			
 
				+    "vite.config.*",
			
 
				+    "vitest.config.*",
			
 
				+    "cypress.config.*",
			
 
				+    "nightwatch.conf.*",
			
 
				+    "playwright.config.*"
			
 
				+  ],
			
 
				+  "compilerOptions": {
			
 
				+    "composite": true,
			
 
				+    "noEmit": true,
			
 
				+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
			
 
				+
			
 
				+    "module": "ESNext",
			
 
				+    "moduleResolution": "Bundler",
			
 
				+    "types": ["node"]
			
 
				+  }
			
 
				+}
			
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -0,0 +1,16 @@
 
				+import { fileURLToPath, URL } from "node:url";
			
 
				+
			
 
				+import { defineConfig } from "vite";
			
 
				+import vue from "@vitejs/plugin-vue";
			
 
				+import vueJsx from "@vitejs/plugin-vue-jsx";
			
 
				+
			
 
				+// https://vitejs.dev/config/
			
 
				+export default defineConfig({
			
 
				+  base: "./",
			
 
				+  plugins: [vue(), vueJsx()],
			
 
				+  resolve: {
			
 
				+    alias: {
			
 
				+      "@": fileURLToPath(new URL("./src", import.meta.url)),
			
 
				+    },
			
 
				+  },
			
 
				+});