+103
-125
lines changedFilter options
+103
-125
lines changed Original file line number Diff line number Diff line change
@@ -20,53 +20,42 @@
20 20
</nav>
21 21
</template>
22 22 23 -
<script>
23 +
<script setup>
24 24
import Collapse from '../collapse/Collapse.vue';
25 +
import { computed, onMounted, ref, watch } from 'vue';
25 26 26 -
export default {
27 -
components: { Collapse },
28 -
props: {
29 -
modelValue: Boolean,
30 -
fluid: {
31 -
type: Boolean,
32 -
default: true,
33 -
},
34 -
fixedTop: Boolean,
35 -
fixedBottom: Boolean,
36 -
staticTop: Boolean,
37 -
inverse: Boolean,
38 -
},
39 -
emits: ['update:modalValue'],
40 -
data() {
41 -
return {
42 -
show: false,
43 -
};
44 -
},
45 -
computed: {
46 -
navClasses() {
47 -
return {
48 -
navbar: true,
49 -
'navbar-default': !this.inverse,
50 -
'navbar-inverse': this.inverse,
51 -
'navbar-static-top': this.staticTop,
52 -
'navbar-fixed-bottom': this.fixedBottom,
53 -
'navbar-fixed-top': this.fixedTop,
54 -
};
55 -
},
56 -
},
57 -
watch: {
58 -
modelValue(v) {
59 -
this.show = v;
60 -
},
61 -
},
62 -
mounted() {
63 -
this.show = !!this.modelValue;
64 -
},
65 -
methods: {
66 -
toggle() {
67 -
this.show = !this.show;
68 -
this.$emit('update:modalValue', this.show);
69 -
},
70 -
},
71 -
};
27 +
const props = defineProps({
28 +
modelValue: Boolean,
29 +
fluid: { type: Boolean, default: true },
30 +
fixedTop: Boolean,
31 +
fixedBottom: Boolean,
32 +
staticTop: Boolean,
33 +
inverse: Boolean,
34 +
});
35 +
const emit = defineEmits(['update:modalValue']);
36 +
const show = ref(false);
37 +
const navClasses = computed(() => ({
38 +
navbar: true,
39 +
'navbar-default': !props.inverse,
40 +
'navbar-inverse': props.inverse,
41 +
'navbar-static-top': props.staticTop,
42 +
'navbar-fixed-bottom': props.fixedBottom,
43 +
'navbar-fixed-top': props.fixedTop,
44 +
}));
45 + 46 +
watch(
47 +
() => props.modelValue,
48 +
(v) => {
49 +
show.value = v;
50 +
}
51 +
);
52 + 53 +
onMounted(() => {
54 +
show.value = !!props.modelValue;
55 +
});
56 + 57 +
function toggle() {
58 +
show.value = !show.value;
59 +
emit('update:modalValue', show.value);
60 +
}
72 61
</script>
Original file line number Diff line number Diff line change
@@ -10,11 +10,9 @@
10 10
</form>
11 11
</template>
12 12 13 -
<script>
14 -
export default {
15 -
props: {
16 -
left: Boolean,
17 -
right: Boolean,
18 -
},
19 -
};
13 +
<script setup>
14 +
defineProps({
15 +
left: Boolean,
16 +
right: Boolean,
17 +
});
20 18
</script>
Original file line number Diff line number Diff line change
@@ -11,11 +11,9 @@
11 11
</ul>
12 12
</template>
13 13 14 -
<script>
15 -
export default {
16 -
props: {
17 -
left: Boolean,
18 -
right: Boolean,
19 -
},
20 -
};
14 +
<script setup>
15 +
defineProps({
16 +
left: Boolean,
17 +
right: Boolean,
18 +
});
21 19
</script>
Original file line number Diff line number Diff line change
@@ -10,11 +10,9 @@
10 10
</p>
11 11
</template>
12 12 13 -
<script>
14 -
export default {
15 -
props: {
16 -
left: Boolean,
17 -
right: Boolean,
18 -
},
19 -
};
13 +
<script setup>
14 +
defineProps({
15 +
left: Boolean,
16 +
right: Boolean,
17 +
});
20 18
</script>
Original file line number Diff line number Diff line change
@@ -5,37 +5,34 @@
5 5
</div>
6 6
</template>
7 7 8 -
<script>
8 +
<script setup>
9 9
import ProgressBarStack from './ProgressBarStack.vue';
10 10 11 -
export default {
12 -
components: { ProgressBarStack },
13 -
props: {
14 -
modelValue: {
15 -
type: Number,
16 -
validator(value) {
17 -
return value >= 0 && value <= 100;
18 -
},
19 -
default: 0,
20 -
},
21 -
labelText: { type: String, default: undefined },
22 -
type: { type: String, default: undefined },
23 -
label: {
24 -
type: Boolean,
25 -
default: false,
26 -
},
27 -
minWidth: {
28 -
type: Boolean,
29 -
default: false,
30 -
},
31 -
striped: {
32 -
type: Boolean,
33 -
default: false,
34 -
},
35 -
active: {
36 -
type: Boolean,
37 -
default: false,
11 +
defineProps({
12 +
modelValue: {
13 +
type: Number,
14 +
validator(value) {
15 +
return value >= 0 && value <= 100;
38 16
},
17 +
default: 0,
18 +
},
19 +
labelText: { type: String, default: undefined },
20 +
type: { type: String, default: undefined },
21 +
label: {
22 +
type: Boolean,
23 +
default: false,
24 +
},
25 +
minWidth: {
26 +
type: Boolean,
27 +
default: false,
28 +
},
29 +
striped: {
30 +
type: Boolean,
31 +
default: false,
32 +
},
33 +
active: {
34 +
type: Boolean,
35 +
default: false,
39 36
},
40 -
};
37 +
});
41 38
</script>
Original file line number Diff line number Diff line change
@@ -19,34 +19,32 @@
19 19
</div>
20 20
</template>
21 21 22 -
<script>
23 -
export default {
24 -
props: {
25 -
modelValue: {
26 -
type: Number,
27 -
required: true,
28 -
validator(value) {
29 -
return value >= 0 && value <= 100;
30 -
},
31 -
},
32 -
labelText: { type: String, default: undefined },
33 -
type: { type: String, default: undefined },
34 -
label: {
35 -
type: Boolean,
36 -
default: false,
37 -
},
38 -
minWidth: {
39 -
type: Boolean,
40 -
default: false,
41 -
},
42 -
striped: {
43 -
type: Boolean,
44 -
default: false,
45 -
},
46 -
active: {
47 -
type: Boolean,
48 -
default: false,
22 +
<script setup>
23 +
defineProps({
24 +
modelValue: {
25 +
type: Number,
26 +
required: true,
27 +
validator(value) {
28 +
return value >= 0 && value <= 100;
49 29
},
50 30
},
51 -
};
31 +
labelText: { type: String, default: undefined },
32 +
type: { type: String, default: undefined },
33 +
label: {
34 +
type: Boolean,
35 +
default: false,
36 +
},
37 +
minWidth: {
38 +
type: Boolean,
39 +
default: false,
40 +
},
41 +
striped: {
42 +
type: Boolean,
43 +
default: false,
44 +
},
45 +
active: {
46 +
type: Boolean,
47 +
default: false,
48 +
},
49 +
});
52 50
</script>
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4