diff --git a/index.html b/index.html index a3c8624..6b06bc9 100644 --- a/index.html +++ b/index.html @@ -9,5 +9,6 @@
+ diff --git a/package-lock.json b/package-lock.json index 98e6dbe..91c6666 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,13 +1,17 @@ { "name": "@scratchuz4k/site-builder", - "version": "0.0.3", + "version": "0.0.4", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@scratchuz4k/site-builder", - "version": "0.0.3", + "version": "0.0.4", "dependencies": { + "@fortawesome/fontawesome-svg-core": "^6.5.2", + "@fortawesome/free-regular-svg-icons": "^6.5.2", + "@fortawesome/free-solid-svg-icons": "^6.5.2", + "@fortawesome/vue-fontawesome": "^3.0.8", "@headlessui/vue": "^1.7.22", "@heroicons/vue": "^2.1.3", "@tailwindcss/forms": "^0.5.7", @@ -2572,6 +2576,60 @@ "dev": true, "license": "MIT" }, + "node_modules/@fortawesome/fontawesome-common-types": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.5.2.tgz", + "integrity": "sha512-gBxPg3aVO6J0kpfHNILc+NMhXnqHumFxOmjYCFfOiLZfwhnnfhtsdA2hfJlDnj+8PjAs6kKQPenOTKj3Rf7zHw==", + "hasInstallScript": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/fontawesome-svg-core": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.5.2.tgz", + "integrity": "sha512-5CdaCBGl8Rh9ohNdxeeTMxIj8oc3KNBgIeLMvJosBMdslK/UnEB8rzyDRrbKdL1kDweqBPo4GT9wvnakHWucZw==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.5.2" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/free-regular-svg-icons": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.5.2.tgz", + "integrity": "sha512-iabw/f5f8Uy2nTRtJ13XZTS1O5+t+anvlamJ3zJGLEVE2pKsAWhPv2lq01uQlfgCX7VaveT3EVs515cCN9jRbw==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.5.2" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/free-solid-svg-icons": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.5.2.tgz", + "integrity": "sha512-QWFZYXFE7O1Gr1dTIp+D6UcFUF0qElOnZptpi7PBUMylJh+vFmIedVe1Ir6RM1t2tEQLLSV1k7bR4o92M+uqlw==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.5.2" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/vue-fontawesome": { + "version": "3.0.8", + "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.8.tgz", + "integrity": "sha512-yyHHAj4G8pQIDfaIsMvQpwKMboIZtcHTUvPqXjOHyldh1O1vZfH4W03VDPv5RvI9P6DLTzJQlmVgj9wCf7c2Fw==", + "peerDependencies": { + "@fortawesome/fontawesome-svg-core": "~1 || ~6", + "vue": ">= 3.0.0 < 4" + } + }, "node_modules/@headlessui/vue": { "version": "1.7.22", "resolved": "https://registry.npmjs.org/@headlessui/vue/-/vue-1.7.22.tgz", diff --git a/package.json b/package.json index e0c31ba..4bb6172 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,10 @@ "build-storybook": "storybook build" }, "dependencies": { + "@fortawesome/fontawesome-svg-core": "^6.5.2", + "@fortawesome/free-regular-svg-icons": "^6.5.2", + "@fortawesome/free-solid-svg-icons": "^6.5.2", + "@fortawesome/vue-fontawesome": "^3.0.8", "@headlessui/vue": "^1.7.22", "@heroicons/vue": "^2.1.3", "@tailwindcss/forms": "^0.5.7", diff --git a/src/App.vue b/src/App.vue index e682f6d..c0f9ee0 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,6 +1,6 @@ diff --git a/src/components/misc/Tree.vue b/src/components/misc/Tree.vue new file mode 100644 index 0000000..0f979d4 --- /dev/null +++ b/src/components/misc/Tree.vue @@ -0,0 +1,70 @@ + + + + \ No newline at end of file diff --git a/src/components/misc/TreeContent.vue b/src/components/misc/TreeContent.vue new file mode 100644 index 0000000..56867e5 --- /dev/null +++ b/src/components/misc/TreeContent.vue @@ -0,0 +1,126 @@ + + + + \ No newline at end of file diff --git a/src/composables/useTree.js b/src/composables/useTree.js new file mode 100644 index 0000000..a979c88 --- /dev/null +++ b/src/composables/useTree.js @@ -0,0 +1,21 @@ +import { reactive } from 'vue' + + +const dragged = reactive({ + item: null, + index: null, + parent: null, +}) + +const temp = reactive({ + item: null, + index: null, + parent: null, +}) + +export default function useTree() { + return { + dragged, + temp + } +} diff --git a/src/main.js b/src/main.js index 5304e39..7fbc6b3 100644 --- a/src/main.js +++ b/src/main.js @@ -18,4 +18,12 @@ export const components = { }, }; -createApp(App).use(components).mount('#app') +import { library } from "@fortawesome/fontawesome-svg-core"; +import { fas } from "@fortawesome/free-solid-svg-icons"; +import { far } from "@fortawesome/free-regular-svg-icons"; +import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome"; + +library.add(fas); +library.add(far); + +createApp(App).component("font-awesome-icon", FontAwesomeIcon).use(components).mount('#app')