-
-
Notifications
You must be signed in to change notification settings - Fork 353
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #4167 from preschian/init-histoire-and-workspaces
- Loading branch information
Showing
22 changed files
with
1,424 additions
and
620 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
node-linker=hoisted | ||
shamefully-hoist=true | ||
engine-strict=true | ||
strict-peer-dependencies=false | ||
prefer-symlinked-executables=false |
13 changes: 0 additions & 13 deletions
13
.vscode/vetur/snippets/template-typescript-w-decorator.vue
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
# shared packages for nft-gallery | ||
|
||
## @kodadot1/brick | ||
|
||
Reusable components based on neobrutalism style. This package is using [histoire](https://histoire.dev/) to manage the components. Some keys how to manage our component with histoire: | ||
|
||
- [Stories](https://histoire.dev/guide/vue2/stories.html) | ||
- [State & Controls](https://histoire.dev/guide/vue2/controls.html) | ||
- [Events](https://histoire.dev/guide/vue2/events.html) | ||
|
||
Development: | ||
|
||
```sh | ||
# run this command from root folder | ||
pnpm -F brick story:dev | ||
|
||
# or, run this command from libs/ui folder | ||
pnpm story:dev | ||
``` | ||
|
||
Export Component: | ||
|
||
```ts | ||
// make sure to export the component in index.ts | ||
export { default as TheComponent } from './components/TheComponent/TheComponent.vue' | ||
``` | ||
|
||
Usage | ||
|
||
```ts | ||
import { TheComponent } from '@kodadot1/brick' | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
module.exports = { | ||
extends: ['plugin:vue/recommended'], | ||
rules: { | ||
// override/add rules settings here, such as: | ||
// 'vue/no-unused-vars': 'error' | ||
}, | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,19 @@ | ||
import { defineConfig } from 'histoire' | ||
import { HstVue } from '@histoire/plugin-vue2' | ||
import vue from '@vitejs/plugin-vue2' | ||
import { resolve } from 'path' | ||
|
||
export default defineConfig({ | ||
sandboxDarkClass: 'dark-mode', | ||
setupFile: '/src/histoire.setup.ts', | ||
plugins: [HstVue()], | ||
vite: { | ||
plugins: [vue()], | ||
resolve: { | ||
alias: { | ||
'@': resolve(__dirname, '../../'), | ||
'~': resolve(__dirname, '../../'), | ||
}, | ||
}, | ||
}, | ||
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
{ | ||
"name": "@kodadot1/brick", | ||
"version": "1.0.0", | ||
"description": "design system for neobrutalism style", | ||
"license": "MIT", | ||
"main": "src/index.ts", | ||
"scripts": { | ||
"story:build": "histoire build", | ||
"story:dev": "histoire dev", | ||
"story:preview": "histoire preview" | ||
}, | ||
"devDependencies": { | ||
"@histoire/plugin-vue2": "^0.11.5", | ||
"@vitejs/plugin-vue2": "^2.0.0", | ||
"eslint": "^8.26.0", | ||
"eslint-plugin-vue": "^8.7.1", | ||
"histoire": "^0.11.5", | ||
"vite": "^3.1.8", | ||
"vue": "^2.7.13" | ||
}, | ||
"dependencies": { | ||
"bulma": "0.9.4" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
<template> | ||
<Story> | ||
<CardArticle | ||
:description="description" | ||
:href="href" | ||
:image="image" | ||
:title="title" /> | ||
</Story> | ||
</template> | ||
|
||
<script lang="ts" setup> | ||
import CardArticle from './CardArticle.vue' | ||
const description = | ||
'Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam soluta explicabo reprehenderit? Vero fugit officiis enim temporibus nihil, quibusdam ea?' | ||
const href = 'https://kodadot.substack.com/p/the-story-behind-our-t-shirt-waifu' | ||
const image = | ||
'https://substackcdn.com/image/fetch/w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F17ba0b12-64b6-4fe0-a0a9-38d722e51755_2848x3340.jpeg' | ||
const title = | ||
'Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, dolore!' | ||
</script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
<template> | ||
<a class="article" :href="href" target="_blank" rel="noopener noreferrer"> | ||
<div | ||
class="article-image" | ||
:style="{ 'background-image': `url(${image})` }" /> | ||
<div class="article-info"> | ||
<p class="article-title"> | ||
{{ title }} | ||
</p> | ||
<p class="is-size-7"> | ||
{{ description }} | ||
</p> | ||
</div> | ||
</a> | ||
</template> | ||
|
||
<script lang="ts" setup> | ||
defineProps<{ | ||
href: string | ||
image: string | ||
title: string | ||
description: string | ||
}>() | ||
</script> | ||
|
||
<style lang="scss" scoped> | ||
@import './CardArticle.scss'; | ||
</style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
<template> | ||
<button>this is sample button</button> | ||
</template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
// @import '@/styles/index.scss'; TODO: how to import this file? | ||
@import 'bulma/bulma.sass'; | ||
|
||
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); | ||
|
||
html, | ||
body { | ||
font-family: 'Work Sans', sans-serif; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
import './histoire.scss' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
export { default as CardArticle } from './components/CardArticle/CardArticle.vue' | ||
|
||
export { default as SampleButton } from './components/TheButton/TheButton.vue' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
$k-accent: #ff7ac3; | ||
$k-accentlight: #ffe5f3; | ||
$k-accentlight2: #fff0f8; | ||
$k-green: #04af00; | ||
$k-red: #ff5757; | ||
$k-grey: #999999; | ||
$k-blue: #6188e7; | ||
$shade: #cccccc; | ||
$dark-accent: #1a1718; | ||
$primary-shadow: 4px 4px black; | ||
$primary-shadow-dark: 4px 4px white; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.