feat: started moving app routes to the app folder

DeFUCC · Feb 1, 2025 · 0c27a9c · 0c27a9c
1 parent 88f8e3b
commit 0c27a9c
Show file tree

Hide file tree

Showing 24 changed files with 15 additions and 138 deletions.
diff --git a/app/components/SideBar.vue b/app/components/SideBar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { rootRoutes } from '../routes'
+import { rootRoutes } from '../pages'
 import { version } from '../package.json'
 </script>
 

diff --git a/app/index.html b/app/index.html
@@ -37,7 +37,7 @@
 
 		import { createRouter, createWebHashHistory } from "vue-router";
 
-		import routes from './routes/index'
+		import routes from './pages/index'
 
 		import { GunVuePlugin } from "../src/components"; // use '@gun-vue/components' in your apps
 

diff --git a/app/app.js → app/index.js b/app/app.js → app/index.js
diff --git a/src/auth/[data].vue → app/pages/auth/[data].vue b/src/auth/[data].vue → app/pages/auth/[data].vue
diff --git a/src/auth/auth.vue → app/pages/auth/auth.vue b/src/auth/auth.vue → app/pages/auth/auth.vue
diff --git a/src/auth/index.vue → app/pages/auth/index.vue b/src/auth/index.vue → app/pages/auth/index.vue
diff --git a/src/auth/routes.js → app/pages/auth/routes.js b/src/auth/routes.js → app/pages/auth/routes.js
diff --git a/src/chat/[topic].vue → app/pages/chat/[topic].vue b/src/chat/[topic].vue → app/pages/chat/[topic].vue
@@ -1,6 +1,6 @@
 <script setup>
 import { currentRoom } from '#composables';
-import { ChatRoom } from '../components'
+import { ChatRoom } from '#components'
 
 const props = defineProps({
   topic: { type: String, default: '' }

diff --git a/src/chat/chat.vue → app/pages/chat/chat.vue b/src/chat/chat.vue → app/pages/chat/chat.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ChatTopics } from '../components'
+import { ChatTopics } from '#components'
 </script>
 
 <template lang="pug">

diff --git a/src/chat/index.vue → app/pages/chat/index.vue b/src/chat/index.vue → app/pages/chat/index.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { currentRoom } from '#composables';
 
-import { ChatRoom } from '../components'
+import { ChatRoom } from '#components'
 </script>
 
 <template lang="pug">

diff --git a/src/chat/routes.js → app/pages/chat/routes.js b/src/chat/routes.js → app/pages/chat/routes.js
@@ -12,7 +12,7 @@ export default [
       {
         path: ':topic',
         props: true,
-        component: () => import('./ChatRoom.vue')
+        component: () => import('./[topic].vue')
       }
     ]
   }

diff --git a/app/routes/index.js → app/pages/index.js b/app/routes/index.js → app/pages/index.js
@@ -1,4 +1,4 @@
-const modules = import.meta.glob('../../src/**/routes.js', { eager: true })
+const modules = import.meta.glob('../../**/routes.js', { eager: true })
 
 const routes = Object.values(modules).map(r => r?.default[0])
 

diff --git a/app/routes/index.vue → app/pages/index.vue b/app/routes/index.vue → app/pages/index.vue
diff --git a/app/vite.config.lib.js b/app/vite.config.lib.js
@@ -19,7 +19,7 @@ export default defineConfig({
 			allow: ['../']
 		}
 	},
-	envPrefix: ['VITE_', 'TAURI_'],
+	envPrefix: ['VITE_'],
 	publicDir: "public-lib",
 	plugins: [
 		vue(), Unocss()
@@ -30,7 +30,7 @@ export default defineConfig({
 	base: './',
 	build: {
 		lib: {
-			entry: path.resolve(dirname, 'app.js'),
+			entry: path.resolve(dirname, 'index.js'),
 			name: 'GunVue',
 			// the proper extensions will be added
 			fileName: 'app',

diff --git a/composables/vite.config.js b/composables/vite.config.js
@@ -3,7 +3,6 @@ import { fileURLToPath } from "node:url";
 import { defineConfig } from "vite";
 import checker from "vite-plugin-checker";
 
-//@ts-ignore
 const filename = fileURLToPath(import.meta.url);
 const dirname = path.dirname(filename);
 
@@ -17,6 +16,9 @@ export default defineConfig({
 			},
 		}),
 	],
+	rollupOptions: {
+		external: ['vue']
+	},
 	build: {
 		outDir: "dist",
 		lib: {
@@ -29,7 +31,6 @@ export default defineConfig({
 				minifyInternalExports: false,
 			},
 		},
-		commonjsOptions: {},
 	},
 	define: {
 		"process.env": {},

diff --git a/docs/tutorials/getting-started.md b/docs/tutorials/getting-started.md
@@ -3,7 +3,7 @@
 1. Create an empty text file and call it `app.html`
 2. Copy and paste this code into it.
 
-<<< ../../examples/app.html{8-19,26-30}
+<<< ../../example.html{8-19,26-30}
 
 3. Change in the `#app` section and modify the chat topic if you want.
 4. Save the file and open it with any browser. Welcome to your first p2p chat app!
diff --git a/examples/app.html → example.html b/examples/app.html → example.html
diff --git a/examples/CHANGELOG.md b/examples/CHANGELOG.md
diff --git a/examples/README.md b/examples/README.md
diff --git a/examples/_components.html b/examples/_components.html
diff --git a/examples/package.json b/examples/package.json
diff --git a/src/chat/safe.wav b/src/chat/safe.wav
diff --git a/src/components.js b/src/components.js
@@ -15,7 +15,7 @@ export const GunVuePlugin = {
 }
 
 export * from './all-components'
-export components
+export * as components from './all-components'
 export * as composables from "./composables";
 
 
diff --git a/src/composables.js b/src/composables.js
@@ -21,9 +21,7 @@ import config from "../gun.config.json"
 
 export const rootRoom = config.room
 
-export { default as config } from "../gun.config.json"
-
-export * as vue from 'vue'
+export { config }
 export { gunAvatar } from "gun-avatar"
 export { default as slugify } from "slugify"
 export { default as prettyBytes } from 'pretty-bytes'