feat: restructured folders to better support integration with vue sty…

…leguidist

src/components/FishTankBox.vue

@@ -476,6 +476,11 @@ const props: any = {
 }
 
 export default Vue.extend({
+ render(createElement){
+ return createElement(
+ (this as any).tagElement, (this as any).boxProps, this.$slots.default
+ )
+ },
  name:'FishTankBox',
  mixins:[
  boxMixin

src/components/FishTankColumn.vue

@@ -57,6 +57,11 @@ import {
 import Vue from 'vue'
 export default Vue.extend({
  name:"FishTankColumn",
+ render(createElement) {
+ return createElement(
+ (this as any).tagElement, (this as any).boxProps, this.$slots.default
+ )
+ },
  mixins:[
  boxMixin
  ],

src/components/FishTankContainer.vue

@@ -50,6 +50,11 @@ import {
 
 import Vue from 'vue'
 export default Vue.extend({
+ render(createElement) {
+ return createElement(
+ (this as any).tagElement, (this as any).boxProps, this.$slots.default
+ )
+ },
  name:"FishTankContainer",
  mixins:[
  boxMixin

src/components/FishTankModal.vue

@@ -95,7 +95,7 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import Detachable from '@/util/detachable'
+import Detachable from '../util/detachable'
 import { Close24 } from '@fishtank/icons-vue'
 
 let overlayTimeout: null | number = null

src/components/FishTankModalV2.vue

@@ -92,7 +92,7 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import Detachable from '@/util/detachable'
+import Detachable from '../util/detachable'
 import { Close24 } from '@fishtank/icons-vue'
 
 let overlayTimeout: null | number = null

src/components/FishTankTag.vue

@@ -44,7 +44,7 @@
 import Vue from "vue"
 import { CloseSml24 } from '@fishtank/icons-vue' 
 import { a11y } from "../util/mixins"
-import { default as FishTankText } from '@/components/FishTankText.vue'
+import { default as FishTankText } from './FishTankText.vue'
 
 export default Vue.extend({
  name:"FishTankTag",