tomheaton
diff --git a/‎README.md‎
Lines changed: 20 additions & 2 deletions b/‎README.md‎
Lines changed: 20 additions & 2 deletions
diff --git a/‎example/.gitignore‎
Lines changed: 24 additions & 0 deletions b/‎example/.gitignore‎
Lines changed: 24 additions & 0 deletions
diff --git a/‎example/README.md‎
Lines changed: 5 additions & 0 deletions b/‎example/README.md‎
Lines changed: 5 additions & 0 deletions
diff --git a/‎example/index.html‎
Lines changed: 13 additions & 0 deletions b/‎example/index.html‎
Lines changed: 13 additions & 0 deletions
diff --git a/‎example/package.json‎
Lines changed: 22 additions & 0 deletions b/‎example/package.json‎
Lines changed: 22 additions & 0 deletions
@@ -4,19 +4,37 @@ A Vite plugin for Vue.js that allows dynamic template selection at build time.
 
 ## Usage
 
+### Install the plugin
+
+```bash
+# Using npm
+npm install vite-plugin-vue-template-selector --save-dev
+
+# Using yarn
+yarn add vite-plugin-vue-template-selector --dev
+
+# Using pnpm
+pnpm add vite-plugin-vue-template-selector --save-dev
+```
+
 ### Select a template by name
 
 ```ts
 // vite.config.ts
+import vue from "@vitejs/plugin-vue";
+import { defineConfig } from "vite";
 import vueTemplateSelector from "vite-plugin-vue-template-selector";
 
-export default {
+// https://vite.dev/config/
+export default defineConfig({
   plugins: [
+    // NOTE: The order of plugins matters. Ensure this plugin is before the Vue plugin.
     vueTemplateSelector({
       name: "default",
     }),
+    vue(),
   ],
-};
+});
 ```
 
 ### Create multiple templates
 
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
@@ -0,0 +1,5 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue + TS</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
@@ -0,0 +1,22 @@
+{
+  "name": "example",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.5.17"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.0",
+    "@vue/tsconfig": "^0.7.0",
+    "typescript": "~5.8.3",
+    "vite": "^7.0.4",
+    "vite-plugin-vue-template-selector": "file:../",
+    "vue-tsc": "^3.0.3"
+  }
+}