feat: vue playground

Signed-off-by: Innei <[email protected]>
innei-template · Aug 17, 2023 · 104e1ea · 104e1ea
1 parent 591b65e
commit 104e1ea
Show file tree

Hide file tree

Showing 14 changed files with 1,100 additions and 21 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -5,5 +5,5 @@ module.exports = {
     node: true,
     es6: true,
   },
-  extends: ['@innei/eslint-config-react-ts'],
+  extends: ['@innei/eslint-config-ts'],
 }
diff --git a/example/App.vue b/example/App.vue
@@ -0,0 +1,13 @@
+<template>
+<DefaultLayout>
+
+<Page />
+
+</DefaultLayout>
+
+</template>
+
+<script setup>
+import {DefaultLayout} from './layouts/Default.tsx'
+import {Page}  from './pages/page.tsx'
+</script>
diff --git a/example/index.css b/example/index.css
@@ -1,7 +1,17 @@
 html,
 body {
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  font-family:
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    'Open Sans',
+    'Helvetica Neue',
+    sans-serif;
 }
 
 .hello {

diff --git a/example/index.html b/example/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -7,7 +7,7 @@
     <title>Vite</title>
   </head>
   <body>
-    <github-corner repo="Innei/rollup-typescript-lib"></github-corner>
+    <github-corner repo="----------------repo----------------"></github-corner>
     <div id="app"></div>
     <script src="./index.ts" type="module"></script>
     <script src="./components/corner/index.ts" type="module"></script>

diff --git a/example/index.ts b/example/index.ts
@@ -1,7 +1,9 @@
-import { date, test } from 'my-awesome-lib'
-
 import './index.css'
 import 'uno.css'
+import '@unocss/reset/tailwind.css'
+
+import { createApp } from 'vue'
+
+import App from './App.vue'
 
-test()
-console.log(date)
+createApp(App).mount('#app')
diff --git a/example/layouts/Default.tsx b/example/layouts/Default.tsx
@@ -0,0 +1,11 @@
+import { defineComponent } from 'vue'
+
+export const DefaultLayout = defineComponent({
+  setup(ctx, { slots }) {
+    return () => (
+      <div>
+        <main class="max-w-60rem m-auto px-4 py-10">{slots.default?.()}</main>
+      </div>
+    )
+  },
+})
diff --git a/example/package.json b/example/package.json
@@ -4,6 +4,12 @@
     "dev": "vite"
   },
   "dependencies": {
-    "my-awesome-lib": "link:../"
+    "@unocss/reset": "0.55.1",
+    "my-awesome-lib": "link:../",
+    "vue": "3.3.4"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "4.3.0",
+    "@vitejs/plugin-vue-jsx": "3.0.2"
   }
 }
diff --git a/example/pages/page.tsx b/example/pages/page.tsx
@@ -0,0 +1,7 @@
+import { defineComponent } from 'vue'
+
+export const Page = defineComponent({
+  setup() {
+    return () => <div>Hello world</div>
+  },
+})