diff --git a/index.html b/index.html index 4bd24c6..2cbebc9 100644 --- a/index.html +++ b/index.html @@ -5,16 +5,21 @@ Binary + + + -
+ +
+ +
+ - - diff --git a/package.json b/package.json index 263a246..bfb183c 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,8 @@ "preview": "vite preview" }, "dependencies": { - "vue": "^3.4.19" + "vue": "^3.4.19", + "vue-router": "4" }, "devDependencies": { "@vitejs/plugin-vue": "^5.0.4", diff --git a/src/components/Bit.vue b/src/components/Bit.vue index 1a88071..9cede95 100644 --- a/src/components/Bit.vue +++ b/src/components/Bit.vue @@ -1,7 +1,6 @@ diff --git a/src/composables/options.ts b/src/composables/options.ts new file mode 100644 index 0000000..0eb5429 --- /dev/null +++ b/src/composables/options.ts @@ -0,0 +1,10 @@ +import { computed, ref } from "vue"; + +export const openSettings = ref(false); +export const spacing = ref("4"); +export const fill = ref(true); +export const options = computed(() => ({ + spacing: +spacing.value, + fill: fill.value, + prefix: undefined, +})); diff --git a/src/main.ts b/src/main.ts index 334a235..a827e42 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,5 +1,19 @@ -import { createApp } from "vue"; -import App from "./App.vue"; +import { createApp } from "vue/dist/vue.esm-bundler"; +import Home from "./pages/Home.vue"; +import * as VueRouter from "vue-router"; +import Playground from "./pages/Playground.vue"; import "./index.css"; -createApp(App).mount("#app"); +const routes = [ + { path: "/", component: Home }, + { path: "/playground", component: Playground }, +]; + +const router = VueRouter.createRouter({ + history: VueRouter.createWebHistory(), + routes: routes, +}); + +const app = createApp({}); +app.use(router); +app.mount("#app"); diff --git a/src/App.vue b/src/pages/Home.vue similarity index 60% rename from src/App.vue rename to src/pages/Home.vue index 3939249..215f58a 100644 --- a/src/App.vue +++ b/src/pages/Home.vue @@ -38,16 +38,7 @@ -
- - + -
- -
- - - -
- -
- - -
+