Skip to content
This repository was archived by the owner on Mar 4, 2025. It is now read-only.

Commit b6facaf

Browse files
astagiastagi
authored
feat: add Oruga as UI framework option (#635)
1 parent d045b20 commit b6facaf

File tree

8 files changed

+184
-1
lines changed

8 files changed

+184
-1
lines changed

‎packages/cna-template/template/frameworks/oruga/assets/oruga.png

46.5 KB
Loading

‎packages/cna-template/template/frameworks/oruga/package.json

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"dependencies": {
3+
"@oruga-ui/oruga": "^0.2.2"
4+
}
5+
}

‎packages/cna-template/template/frameworks/oruga/pages/index.vue

+84
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
<template>
2+
<div class="container">
3+
<img class="logo" src="~/assets/oruga.png">
4+
<h1 class="title">
5+
Oruga
6+
</h1>
7+
<p class="subtitle">
8+
Oruga UI is like a caterpillar, minimal and yet functional.<br>It's in your hands turning it into a butterfly.
9+
</p>
10+
<div class="buttons">
11+
<o-button size="large" variant="primary" @click="goToDocs()">
12+
Documentation
13+
</o-button>
14+
<o-button size="large" variant="info" @click="goToGithub()">
15+
GitHub
16+
</o-button>
17+
</div>
18+
</div>
19+
</template>
20+
21+
<script>
22+
export default {
23+
name: 'HomePage',
24+
methods: {
25+
goToDocs () {
26+
window.location = 'https://oruga.io/documentation/'
27+
},
28+
goToGithub () {
29+
window.location = 'https://github.com/oruga-ui/oruga'
30+
}
31+
}
32+
}
33+
</script>
34+
35+
<style>
36+
37+
.logo {
38+
max-width: 300px;
39+
}
40+
41+
.o-button {
42+
padding: 10px 30px;
43+
}
44+
45+
.container {
46+
margin: 0 auto;
47+
min-height: 100vh;
48+
display: flex;
49+
justify-content: center;
50+
align-items: center;
51+
text-align: center;
52+
flex-direction: column;
53+
}
54+
55+
.title {
56+
font-family:
57+
'Quicksand',
58+
'Source Sans Pro',
59+
-apple-system,
60+
BlinkMacSystemFont,
61+
'Segoe UI',
62+
Roboto,
63+
'Helvetica Neue',
64+
Arial,
65+
sans-serif;
66+
display: block;
67+
font-weight: 300;
68+
font-size: 100px;
69+
color: #35495e;
70+
letter-spacing: 1px;
71+
}
72+
73+
.subtitle {
74+
font-weight: 300;
75+
font-size: 42px;
76+
color: #526488;
77+
word-spacing: 5px;
78+
padding-bottom: 15px;
79+
}
80+
81+
.buttons {
82+
padding-top: 15px;
83+
}
84+
</style>

‎packages/cna-template/template/nuxt/nuxt.config.js

+3
Original file line numberDiff line numberDiff line change
@@ -102,6 +102,9 @@
102102
<%_ } else if (ui === 'buefy') { _%>
103103
// https://go.nuxtjs.dev/buefy
104104
'nuxt-buefy',
105+
<%_ } else if (ui === 'oruga') { _%>
106+
// Doc: https://oruga.io/documentation/#nuxt
107+
'@oruga-ui/oruga/nuxt',
105108
<%_ } else if (ui === 'chakra-ui') { _%>
106109
// https://go.nuxtjs.dev/chakra
107110
'@chakra-ui/nuxt',

‎packages/create-nuxt-app/lib/prompts.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,8 @@ module.exports = [
4242
{ name: 'Tachyons', value: 'tachyons' },
4343
{ name: 'Tailwind CSS', value: 'tailwind' },
4444
{ name: 'Vuesax', value: 'vuesax' },
45-
{ name: 'Vuetify.js', value: 'vuetify' }
45+
{ name: 'Vuetify.js', value: 'vuetify' },
46+
{ name: 'Oruga', value: 'oruga' }
4647
],
4748
default: 'none'
4849
},

‎packages/create-nuxt-app/test/snapshots/index.test.js.md

+86
Original file line numberDiff line numberDiff line change
@@ -3249,6 +3249,92 @@ Generated by [AVA](https://avajs.dev).
32493249
}␊
32503250
`
32513251

3252+
## verify ui: Oruga
3253+
3254+
> Generated files
3255+
3256+
[
3257+
'.editorconfig',
3258+
'.gitignore',
3259+
'README.md',
3260+
'assets/README.md',
3261+
'assets/oruga.png',
3262+
'components/Logo.vue',
3263+
'components/README.md',
3264+
'layouts/README.md',
3265+
'layouts/default.vue',
3266+
'middleware/README.md',
3267+
'nuxt.config.js',
3268+
'package.json',
3269+
'pages/README.md',
3270+
'pages/index.vue',
3271+
'plugins/README.md',
3272+
'static/README.md',
3273+
'static/favicon.ico',
3274+
'store/README.md',
3275+
]
3276+
3277+
> package.json
3278+
3279+
{
3280+
dependencies: {
3281+
'@oruga-ui/oruga': '^0.2.2',
3282+
'core-js': '^3.6.5',
3283+
nuxt: '^2.14.6',
3284+
},
3285+
devDependencies: {},
3286+
private: true,
3287+
scripts: {
3288+
build: 'nuxt build',
3289+
dev: 'nuxt',
3290+
generate: 'nuxt generate',
3291+
start: 'nuxt start',
3292+
},
3293+
}
3294+
3295+
> Generated nuxt.config.js
3296+
3297+
`export default {␊
3298+
// Global page headers (https://go.nuxtjs.dev/config-head)␊
3299+
head: {␊
3300+
title: 'output',␊
3301+
meta: [␊
3302+
{ charset: 'utf-8' },␊
3303+
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },␊
3304+
{ hid: 'description', name: 'description', content: '' }␊
3305+
],␊
3306+
link: [␊
3307+
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }␊
3308+
]␊
3309+
},␊
3310+
␊
3311+
// Global CSS (https://go.nuxtjs.dev/config-css)␊
3312+
css: [␊
3313+
],␊
3314+
␊
3315+
// Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)␊
3316+
plugins: [␊
3317+
],␊
3318+
␊
3319+
// Auto import components (https://go.nuxtjs.dev/config-components)␊
3320+
components: true,␊
3321+
␊
3322+
// Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)␊
3323+
buildModules: [␊
3324+
],␊
3325+
␊
3326+
// Modules (https://go.nuxtjs.dev/config-modules)␊
3327+
modules: [␊
3328+
// Doc: https://oruga.io/documentation/#nuxt␊
3329+
'@oruga-ui/oruga/nuxt',␊
3330+
],␊
3331+
␊
3332+
// Build Configuration (https://go.nuxtjs.dev/config-build)␊
3333+
build: {␊
3334+
}␊
3335+
}␊
3336+
`
3337+
32523338
## verify ui: Tachyons
32533339

32543340
> Generated files

‎packages/create-nuxt-app/test/snapshots/index.test.js.snap

233 Bytes
Binary file not shown.

‎renovate.json

+4
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,10 @@
5757
{
5858
"packagePatterns": ["wdio", "webdriver"],
5959
"groupName": "webdriverio packages"
60+
},
61+
{
62+
"packagePatterns": ["oruga"],
63+
"groupName": "oruga packages"
6064
}
6165
]
6266
}

0 commit comments

Comments
 (0)