Add Lyra implementation example with Vue (#73)

* feat(packages): add vue example * chore(packages): add build lyra script
oramasearch · Aug 2, 2022 · e8c1d95 · e8c1d95
1 parent 8f9dbfe
commit e8c1d95
Show file tree

Hide file tree

Showing 10 changed files with 4,970 additions and 2 deletions.
diff --git a/packages/examples/with-vue/.gitignore b/packages/examples/with-vue/.gitignore
@@ -0,0 +1,28 @@
+# 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?
diff --git a/packages/examples/with-vue/index.html b/packages/examples/with-vue/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/src/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/packages/examples/with-vue/jsconfig.json b/packages/examples/with-vue/jsconfig.json
@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+  },
+  "vueCompilerOptions": {
+    "experimentalDisableTemplateSupport": true
+  },
+  "include": ["src"]
+}
diff --git a/packages/examples/with-vue/package.json b/packages/examples/with-vue/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "@nearform/example-vue-lyra",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "pnpm build:lyra && vite",
+    "build": "pnpm build:lyra && vite build",
+    "build:lyra": "cd ../../lyra && pnpm build && cd ../examples/with-vue",
+    "preview": "vite preview --port 4173"
+  },
+  "dependencies": {
+    "@nearform/lyra": "workspace:*",
+    "vue": "^3.2.37"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^3.0.1",
+    "unocss": "^0.44.7",
+    "vite": "^3.0.1"
+  }
+}