diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.vue | 10 | ||||
| -rw-r--r-- | src/README.md | 7 | ||||
| -rw-r--r-- | src/components/TestComponent.vue | 8 | ||||
| -rw-r--r-- | src/index.css | 17 | ||||
| -rw-r--r-- | src/main.ts | 8 | ||||
| -rw-r--r-- | src/vite-env.d.ts | 7 |
6 files changed, 57 insertions, 0 deletions
diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..f88c1a0 --- /dev/null +++ b/src/App.vue @@ -0,0 +1,10 @@ +<template> + <div class="text-stone-100 bg-yellow-700"> + Hello World + </div> + <test-component/> +</template> + +<script setup lang="ts"> +import TestComponent from './components/TestComponent.vue'; +</script> diff --git a/src/README.md b/src/README.md new file mode 100644 index 0000000..409e796 --- /dev/null +++ b/src/README.md @@ -0,0 +1,7 @@ +# Files +- **main.ts**: Included by ../index.html. Creates the main Vue component. +- **App.vue**: The main Vue component. +- **components**: + - **TestComponent.vue**: For testing. +- **index.css**: Included by main.ts. Provides Tailwind's CSS classes. +- **vite-env.d.ts**: From Vite's template files. diff --git a/src/components/TestComponent.vue b/src/components/TestComponent.vue new file mode 100644 index 0000000..d2ba0b7 --- /dev/null +++ b/src/components/TestComponent.vue @@ -0,0 +1,8 @@ +<template> + <div class="text-yellow-500 bg-stone-700"> + Testing + </div> +</template> + +<script setup lang="ts"> +</script> diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..44996b5 --- /dev/null +++ b/src/index.css @@ -0,0 +1,17 @@ +/* From Tailwind */ +@tailwind base; +@tailwind components; +@tailwind utilities; + +/* Other */ +@font-face { + font-family: Ubuntu; + src: url('/font/Ubuntu-Regular.woff2'); +} +body { + font-family: Ubuntu, system-ui, sans-serif; + touch-action: manipulation; /* Prevents non-standard gestures such as double-tap to zoom */ +} +a { + @apply hover:underline hover:cursor-pointer; +} diff --git a/src/main.ts b/src/main.ts new file mode 100644 index 0000000..f30fa57 --- /dev/null +++ b/src/main.ts @@ -0,0 +1,8 @@ +import {createApp} from 'vue' +import {createPinia} from 'pinia'; +import App from './App.vue' +import './index.css' + +const app = createApp(App); +app.use(createPinia()); +app.mount('#app'); diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts new file mode 100644 index 0000000..323c78a --- /dev/null +++ b/src/vite-env.d.ts @@ -0,0 +1,7 @@ +/// <reference types="vite/client" /> + +declare module '*.vue' { + import type { DefineComponent } from 'vue' + const component: DefineComponent<{}, {}, any> + export default component +} |