FIX: Lint fixup
This commit is contained in:
35
src/App.vue
35
src/App.vue
@@ -8,7 +8,6 @@ import { Slider } from '@/components/ui/slider'
|
|||||||
import { Textarea } from '@/components/ui/textarea'
|
import { Textarea } from '@/components/ui/textarea'
|
||||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
|
||||||
import { Separator } from '@/components/ui/separator'
|
import { Separator } from '@/components/ui/separator'
|
||||||
import { computed } from 'vue'
|
|
||||||
import {
|
import {
|
||||||
Replace,
|
Replace,
|
||||||
Type,
|
Type,
|
||||||
@@ -20,17 +19,11 @@ import {
|
|||||||
GaugeCircle,
|
GaugeCircle,
|
||||||
AudioLines,
|
AudioLines,
|
||||||
AudioWaveform,
|
AudioWaveform,
|
||||||
Binary,
|
|
||||||
Power,
|
Power,
|
||||||
Bold,
|
|
||||||
Italic,
|
|
||||||
Underline,
|
|
||||||
FileDigit,
|
|
||||||
FileX,
|
|
||||||
} from 'lucide-vue-next'
|
} from 'lucide-vue-next'
|
||||||
|
|
||||||
import { ScrollArea } from '@/components/ui/scroll-area'
|
import { ScrollArea } from '@/components/ui/scroll-area'
|
||||||
import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group'
|
|
||||||
import { Toggle } from '@/components/ui/toggle'
|
import { Toggle } from '@/components/ui/toggle'
|
||||||
import Pop from '@/components/patterns/Pop.vue'
|
import Pop from '@/components/patterns/Pop.vue'
|
||||||
import QuickPreview from '@/components/patterns/QuickPreview.vue'
|
import QuickPreview from '@/components/patterns/QuickPreview.vue'
|
||||||
@@ -47,23 +40,21 @@ import {
|
|||||||
|
|
||||||
import {
|
import {
|
||||||
Command,
|
Command,
|
||||||
CommandDialog,
|
|
||||||
CommandEmpty,
|
CommandEmpty,
|
||||||
CommandGroup,
|
CommandGroup,
|
||||||
CommandInput,
|
CommandInput,
|
||||||
CommandItem,
|
CommandItem,
|
||||||
CommandList,
|
CommandList,
|
||||||
CommandSeparator,
|
CommandSeparator,
|
||||||
CommandShortcut,
|
|
||||||
} from '@/components/ui/command'
|
} from '@/components/ui/command'
|
||||||
|
|
||||||
import { ref } from 'vue'
|
|
||||||
import { reactive } from 'vue'
|
import { reactive } from 'vue'
|
||||||
|
|
||||||
const state = reactive({ count: 12 })
|
const state = reactive({ count: 12 })
|
||||||
|
|
||||||
|
|
||||||
// Import JSON make it available for all components and views
|
// TODO: Import JSON & make it available for all components and views -> vuex
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -205,7 +196,7 @@ const state = reactive({ count: 12 })
|
|||||||
<TabsTrigger
|
<TabsTrigger
|
||||||
value="gui-config"
|
value="gui-config"
|
||||||
class="text-left rounded-none border-solid border-t data-[state=active]:bg-zinc-100 data-[state=active]:text-zinc-900 data-[state=active]:ring-none"
|
class="text-left rounded-none border-solid border-t data-[state=active]:bg-zinc-100 data-[state=active]:text-zinc-900 data-[state=active]:ring-none"
|
||||||
disabled="true">
|
disabled>
|
||||||
<div class="p-4">
|
<div class="p-4">
|
||||||
<Badge class="font-mono h-4 mb-1 rounded-full">{{ $t('common.coming_soon') }}</badge>
|
<Badge class="font-mono h-4 mb-1 rounded-full">{{ $t('common.coming_soon') }}</badge>
|
||||||
<h1 class="leading-none text-muted-foreground text-lg">
|
<h1 class="leading-none text-muted-foreground text-lg">
|
||||||
@@ -333,7 +324,7 @@ const state = reactive({ count: 12 })
|
|||||||
<div class="flex-none">
|
<div class="flex-none">
|
||||||
<Toggle
|
<Toggle
|
||||||
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
||||||
size="sm" default-value="true" aria-label="EnablePrimary">
|
size="sm" :default-value="true" aria-label="EnablePrimary">
|
||||||
<Power class="w-4 h-4" />
|
<Power class="w-4 h-4" />
|
||||||
</Toggle>
|
</Toggle>
|
||||||
</div>
|
</div>
|
||||||
@@ -395,7 +386,7 @@ const state = reactive({ count: 12 })
|
|||||||
<div class="flex-none">
|
<div class="flex-none">
|
||||||
<Toggle
|
<Toggle
|
||||||
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
||||||
size="sm" default-value="true" aria-label="EnablePrimary">
|
size="sm" :default-value="true" aria-label="EnablePrimary">
|
||||||
<Power class="w-4 h-4" />
|
<Power class="w-4 h-4" />
|
||||||
</Toggle>
|
</Toggle>
|
||||||
</div>
|
</div>
|
||||||
@@ -603,7 +594,7 @@ const state = reactive({ count: 12 })
|
|||||||
<div class="flex-none">
|
<div class="flex-none">
|
||||||
<Toggle
|
<Toggle
|
||||||
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
||||||
size="sm" default-value="true" aria-label="EnablePrimary">
|
size="sm" :default-value="true" aria-label="EnablePrimary">
|
||||||
<Power class="w-4 h-4" />
|
<Power class="w-4 h-4" />
|
||||||
</Toggle>
|
</Toggle>
|
||||||
</div>
|
</div>
|
||||||
@@ -658,7 +649,7 @@ const state = reactive({ count: 12 })
|
|||||||
<div class="flex-none">
|
<div class="flex-none">
|
||||||
<Toggle
|
<Toggle
|
||||||
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
||||||
size="sm" default-value="true" aria-label="EnablePrimary">
|
size="sm" :default-value="true" aria-label="EnablePrimary">
|
||||||
<Power class="w-4 h-4" />
|
<Power class="w-4 h-4" />
|
||||||
</Toggle>
|
</Toggle>
|
||||||
</div>
|
</div>
|
||||||
@@ -790,8 +781,8 @@ const state = reactive({ count: 12 })
|
|||||||
<div class="flex items-center space-x-4 space-y-1">
|
<div class="flex items-center space-x-4 space-y-1">
|
||||||
<Switch id="airplane-mode" default-checked="true" />
|
<Switch id="airplane-mode" default-checked="true" />
|
||||||
<Label
|
<Label
|
||||||
for="airplane-mode"
|
for="airplane-mode"
|
||||||
class="text-xs text-muted-foreground">{{ $t('config_options.program_settings.profile_properties.show_description')
|
class="text-xs text-muted-foreground">{{ $t('config_options.program_settings.profile_properties.show_description')
|
||||||
}}</Label>
|
}}</Label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -807,7 +798,7 @@ for="airplane-mode"
|
|||||||
<div class="flex-none">
|
<div class="flex-none">
|
||||||
<Toggle
|
<Toggle
|
||||||
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
||||||
size="sm" default-value="true" aria-label="EnablePrimary">
|
size="sm" :default-value="true" aria-label="EnablePrimary">
|
||||||
<Power class="w-4 h-4" />
|
<Power class="w-4 h-4" />
|
||||||
</Toggle>
|
</Toggle>
|
||||||
</div>
|
</div>
|
||||||
@@ -932,7 +923,7 @@ for="airplane-mode"
|
|||||||
<div class="flex-none">
|
<div class="flex-none">
|
||||||
<Toggle
|
<Toggle
|
||||||
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
||||||
size="sm" default-value="true" aria-label="EnablePrimary">
|
size="sm" :default-value="true" aria-label="EnablePrimary">
|
||||||
<Power class="w-4 h-4" />
|
<Power class="w-4 h-4" />
|
||||||
</Toggle>
|
</Toggle>
|
||||||
</div>
|
</div>
|
||||||
@@ -987,7 +978,7 @@ for="airplane-mode"
|
|||||||
<div class="flex-none">
|
<div class="flex-none">
|
||||||
<Toggle
|
<Toggle
|
||||||
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
|
||||||
size="sm" default-value="true" aria-label="EnablePrimary">
|
size="sm" :default-value="true" aria-label="EnablePrimary">
|
||||||
<Power class="w-4 h-4" />
|
<Power class="w-4 h-4" />
|
||||||
</Toggle>
|
</Toggle>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user